codecombat/app/styles/bootstrap/_pager.scss
2014-01-03 10:32:13 -08:00

43 lines
777 B
SCSS

//
// Pager pagination
// --------------------------------------------------
.pager {
margin: $baseLineHeight 0;
list-style: none;
text-align: center;
@include clearfix();
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
@include border-radius(15px);
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #f5f5f5;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: $grayLight;
background-color: #fff;
cursor: default;
}