diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_pagination.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_pagination.scss | 79 |
1 files changed, 35 insertions, 44 deletions
diff --git a/assets/stylesheets/bootstrap/_pagination.scss b/assets/stylesheets/bootstrap/_pagination.scss index a52b9d1..d0c3765 100644 --- a/assets/stylesheets/bootstrap/_pagination.scss +++ b/assets/stylesheets/bootstrap/_pagination.scss @@ -4,48 +4,24 @@ margin-top: $spacer-y; margin-bottom: $spacer-y; @include border-radius(); +} - > li { - display: inline; // Remove list-style and block-level defaults +.page-item { + display: inline; // Remove list-style and block-level defaults - > a, - > span { - position: relative; - float: left; // Collapse white-space - padding: $pagination-padding-y $pagination-padding-x; - margin-left: -1px; - line-height: $line-height; - color: $pagination-color; - text-decoration: none; - background-color: $pagination-bg; - border: 1px solid $pagination-border; - } - &:first-child { - > a, - > span { - margin-left: 0; - @include border-left-radius($border-radius); - } - } - &:last-child { - > a, - > span { - @include border-right-radius($border-radius); - } + &:first-child { + .page-link { + margin-left: 0; + @include border-left-radius($border-radius); } } - - > li > a, - > li > span { - @include hover-focus { - color: $pagination-hover-color; - background-color: $pagination-hover-bg; - border-color: $pagination-hover-border; + &:last-child { + .page-link { + @include border-right-radius($border-radius); } } - > .active > a, - > .active > span { + &.active .page-link { @include plain-hover-focus { z-index: 2; color: $pagination-active-color; @@ -55,19 +31,34 @@ } } - > .disabled { - > span, - > a { - @include plain-hover-focus { - color: $pagination-disabled-color; - cursor: $cursor-disabled; - background-color: $pagination-disabled-bg; - border-color: $pagination-disabled-border; - } + &.disabled .page-link { + @include plain-hover-focus { + color: $pagination-disabled-color; + cursor: $cursor-disabled; + background-color: $pagination-disabled-bg; + border-color: $pagination-disabled-border; } } } +.page-link { + position: relative; + float: left; // Collapse white-space + padding: $pagination-padding-y $pagination-padding-x; + margin-left: -1px; + line-height: $line-height; + color: $pagination-color; + text-decoration: none; + background-color: $pagination-bg; + border: $pagination-border-width solid $pagination-border-color; + + @include hover-focus { + color: $pagination-hover-color; + background-color: $pagination-hover-bg; + border-color: $pagination-hover-border; + } +} + // // Sizing |