40 lines
836 B
SCSS
40 lines
836 B
SCSS
|
.pagination {
|
||
|
background: transparent;
|
||
|
font-size: $font_size_default;
|
||
|
text-align: center;
|
||
|
margin-top: 50px;
|
||
|
a, a:link, a:visited {
|
||
|
background: $font_accent_1;
|
||
|
padding: 3px 9px;
|
||
|
text-decoration: none;
|
||
|
color: $font_accent_4;
|
||
|
border-radius: 3px;
|
||
|
}
|
||
|
a:hover, a:active {
|
||
|
color: $font_accent_3;
|
||
|
background: $font_accent_2;
|
||
|
box-shadow: 0px 0px 2px 2px $font_accent_2;
|
||
|
}
|
||
|
.disabled {
|
||
|
background: $font_accent_2;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: $large_view) {
|
||
|
.pagination {
|
||
|
font-size: $font_size_default_large;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (max-width: $mobile_view) {
|
||
|
.pagination {
|
||
|
font-size: $font_size_default_mobile;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (max-width: $tiny_view) {
|
||
|
.pagination {
|
||
|
font-size: $font_size_default_tiny;
|
||
|
}
|
||
|
}
|