flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Pagination: Fix sizes on smaller screens

Browse Source 
Keep the big numbers for medium screens
This commit is contained in:
Félix Péault
2020-04-07 19:33:01 +02:00
parent a93571842b
commit ed34e23cea
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/style/organisms/_pagination.scss
View File

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

4
src/style/organisms/_photos.scss
View File

@@ -138,10 +138,10 @@
padding-top: pxVW(224); padding-top: pxVW(224);
} }
@include breakpoint (md) { @include breakpoint (md) {
padding-top: pxVW(176); padding-top: pxVW(200);
} }
@include breakpoint (xl) { @include breakpoint (xl) {
padding-top: 176px; padding-top: 200px;
} }
} }
} }