Pagination: Fix sizes on smaller screens

Keep the big numbers for medium screens
This commit is contained in:
2020-04-07 19:33:01 +02:00
parent a93571842b
commit ed34e23cea
2 changed files with 12 additions and 3 deletions

View File

@@ -29,6 +29,9 @@
transition: color 250ms $ease-cubic;
@include breakpoint (sm) {
font-size: rem(120px);
}
@include breakpoint (md) {
font-size: rem(160px);
}
@@ -45,6 +48,9 @@
margin-right: 4px;
@include breakpoint (sm) {
height: 102px;
}
@include breakpoint (md) {
height: 136px;
}
@@ -66,10 +72,13 @@
left: 50%;
transform: translate(-50%, -72%);
font-family: $font-serif;
font-size: 18px;
font-size: rem(18px);
color: $color-secondary-bright;
@include breakpoint (sm) {
font-size: rem(32px);
}
@include breakpoint (md) {
font-size: rem(40px);
}
}