diff options
author | Arun Persaud <arun@nubati.net> | 2014-03-08 22:02:34 -0800 |
---|---|---|
committer | Arun Persaud <arun@nubati.net> | 2014-03-08 22:26:07 -0800 |
commit | 72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2 (patch) | |
tree | af2457b688e17c1709b5d2d45826a8379393abf1 /css/bootstrap/pagination.less | |
parent | 742ba18eaf36386d2d0e0936975b3f2545afc59e (diff) | |
download | e-DoKo-72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2.tar.gz e-DoKo-72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2.tar.bz2 e-DoKo-72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2.zip |
updated css/js libraries
* bootstrap 3.1.1
* jquery 2.1.0
* less 1.7.0
mostly bootstrap had to be adjusted, e.g. different names like hero-unit->jumbotron, etc.
Diffstat (limited to 'css/bootstrap/pagination.less')
-rw-r--r-- | css/bootstrap/pagination.less | 134 |
1 files changed, 79 insertions, 55 deletions
diff --git a/css/bootstrap/pagination.less b/css/bootstrap/pagination.less index 61a760b..b2856ae 100644 --- a/css/bootstrap/pagination.less +++ b/css/bootstrap/pagination.less @@ -1,64 +1,88 @@ // // Pagination (multiple pages) // -------------------------------------------------- - - .pagination { - height: @baseLineHeight * 2; - margin: @baseLineHeight 0; - } -.pagination ul { display: inline-block; - .ie7-inline-block(); - margin-left: 0; - margin-bottom: 0; - .border-radius(3px); - .box-shadow(0 1px 2px rgba(0,0,0,.05)); -} -.pagination ul > li { - display: inline; -} -.pagination ul > li > a, -.pagination ul > li > span { - float: left; - padding: 0 14px; - line-height: (@baseLineHeight * 2) - 2; - text-decoration: none; - background-color: @paginationBackground; - border: 1px solid @paginationBorder; - border-left-width: 0; -} -.pagination ul > li > a:hover, -.pagination ul > .active > a, -.pagination ul > .active > span { - background-color: #f5f5f5; -} -.pagination ul > .active > a, -.pagination ul > .active > span { - color: @grayLight; - cursor: default; -} -.pagination ul > .disabled > span, -.pagination ul > .disabled > a, -.pagination ul > .disabled > a:hover { - color: @grayLight; - background-color: transparent; - cursor: default; -} -.pagination ul > li:first-child > a, -.pagination ul > li:first-child > span { - border-left-width: 1px; - .border-radius(3px 0 0 3px); -} -.pagination ul > li:last-child > a, -.pagination ul > li:last-child > span { - .border-radius(0 3px 3px 0); + padding-left: 0; + margin: @line-height-computed 0; + border-radius: @border-radius-base; + + > li { + display: inline; // Remove list-style and block-level defaults + > a, + > span { + position: relative; + float: left; // Collapse white-space + padding: @padding-base-vertical @padding-base-horizontal; + line-height: @line-height-base; + text-decoration: none; + color: @pagination-color; + background-color: @pagination-bg; + border: 1px solid @pagination-border; + margin-left: -1px; + } + &:first-child { + > a, + > span { + margin-left: 0; + .border-left-radius(@border-radius-base); + } + } + &:last-child { + > a, + > span { + .border-right-radius(@border-radius-base); + } + } + } + + > li > a, + > li > span { + &:hover, + &:focus { + color: @pagination-hover-color; + background-color: @pagination-hover-bg; + border-color: @pagination-hover-border; + } + } + + > .active > a, + > .active > span { + &, + &:hover, + &:focus { + z-index: 2; + color: @pagination-active-color; + background-color: @pagination-active-bg; + border-color: @pagination-active-border; + cursor: default; + } + } + + > .disabled { + > span, + > span:hover, + > span:focus, + > a, + > a:hover, + > a:focus { + color: @pagination-disabled-color; + background-color: @pagination-disabled-bg; + border-color: @pagination-disabled-border; + cursor: not-allowed; + } + } } -// Centered -.pagination-centered { - text-align: center; +// Sizing +// -------------------------------------------------- + +// Large +.pagination-lg { + .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large); } -.pagination-right { - text-align: right; + +// Small +.pagination-sm { + .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small); } |