_sass/_pagination.scss in quattle-1.5.5 vs _sass/_pagination.scss in quattle-1.6.0

- old
+ new

@@ -1,48 +1,48 @@ -// Pagination - -.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 #111111; - border-width: 1px 0; - - &:first-child { - margin-bottom: -1px; - } -} - -// Only provide a hover state for linked pagination items -a.pagination-item:hover { - background-color: #1e1e1e; -} - -@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; - } - } -} +// Pagination + +.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 #111111; + border-width: 1px 0; + + &:first-child { + margin-bottom: -1px; + } +} + +// Only provide a hover state for linked pagination items +a.pagination-item:hover { + background-color: #1e1e1e; +} + +@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; + } + } +}