diff options
author | Mark Otto <markotto@twitter.com> | 2012-08-27 21:56:46 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-08-27 21:56:46 +0400 |
commit | 1c9d5c43b06dc81de1320227244246a17d3a79f3 (patch) | |
tree | 86205eeddd550ebc2543108f9e5d2e9fbe00b4b8 /less/pagination.less | |
parent | a2b9a5e1fecbcad93c0f1b08bf7f470c2aaaabdd (diff) |
fixes #4640: pagination span issues resolved by scoping selectors to appropriate children, not all children; clarify docs on use of spans for disabled and active links
Diffstat (limited to 'less/pagination.less')
-rw-r--r-- | less/pagination.less | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/less/pagination.less b/less/pagination.less index 2c19880c09..61a760be58 100644 --- a/less/pagination.less +++ b/less/pagination.less @@ -15,11 +15,11 @@ .border-radius(3px); .box-shadow(0 1px 2px rgba(0,0,0,.05)); } -.pagination li { - display: inline; - } -.pagination a, -.pagination span { +.pagination ul > li { + display: inline; +} +.pagination ul > li > a, +.pagination ul > li > span { float: left; padding: 0 14px; line-height: (@baseLineHeight * 2) - 2; @@ -28,30 +28,30 @@ border: 1px solid @paginationBorder; border-left-width: 0; } -.pagination a:hover, -.pagination .active a, -.pagination .active span { +.pagination ul > li > a:hover, +.pagination ul > .active > a, +.pagination ul > .active > span { background-color: #f5f5f5; } -.pagination .active a, -.pagination .active span { +.pagination ul > .active > a, +.pagination ul > .active > span { color: @grayLight; cursor: default; } -.pagination .disabled span, -.pagination .disabled a, -.pagination .disabled a:hover { +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover { color: @grayLight; background-color: transparent; cursor: default; } -.pagination li:first-child a, -.pagination li:first-child span { +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { border-left-width: 1px; .border-radius(3px 0 0 3px); } -.pagination li:last-child a, -.pagination li:last-child span { +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { .border-radius(0 3px 3px 0); } |