Sha256: 9078565c317d69520a14b8526c1c57d2abef9b6d55a7bc0e22c8699181bbf165
Contents?: true
Size: 977 Bytes
Versions: 4
Compression:
Stored size: 977 Bytes
Contents
// Pagination
//
// Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
// there are no more previous or next posts to show.
.pagination {
overflow: hidden; // clearfix
margin: 0 -1.5rem 1rem;
color: #ccc;
text-align: center;
}
// Pagination items can be `span`s or `a`s
.pagination-item {
display: block;
padding: 1rem;
border: solid #eee;
border-width: 1px 0;
&:first-child {
margin-bottom: -1px;
}
}
// Only provide a hover state for linked pagination items
a.pagination-item:hover {
background-color: #f5f5f5;
}
@media (min-width: 30em) {
.pagination {
margin: 3rem 0;
}
.pagination-item {
float: left;
width: 50%;
border-width: 1px;
&:first-child {
margin-bottom: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
&:last-child {
margin-left: -1px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
}
}
Version data entries
4 entries across 4 versions & 2 rubygems