Files
@ dce8845ff32a
Branch filter:
Location: Copyleft/copyleft-wiki/bootstrap-3.0.0/less/pagination.less - annotation
dce8845ff32a
1.8 KiB
text/x-less-css
Note this is in progress right now.
b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c | //
// Pagination (multiple pages)
// --------------------------------------------------
.pagination {
display: inline-block;
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;
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 {
background-color: @pagination-hover-bg;
}
}
> .active > a,
> .active > span {
&,
&:hover,
&:focus {
z-index: 2;
color: @pagination-active-color;
background-color: @pagination-active-bg;
border-color: @pagination-active-bg;
cursor: default;
}
}
> .disabled {
> span,
> a,
> a:hover,
> a:focus {
color: @pagination-disabled-color;
background-color: @pagination-bg;
border-color: @pagination-border;
cursor: not-allowed;
}
}
}
// Sizing
// --------------------------------------------------
// Large
.pagination-lg {
.pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
}
// Small
.pagination-sm {
.pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
}
|