Compare commits

...

2 Commits

Author SHA1 Message Date
Adrien Marquès e46fd2f93c
chore: upgrade dependencies 2021-07-10 14:28:23 +02:00
Adrien Marquès 8f6981e2b9
fix: media queries for the banner 2021-07-10 14:26:57 +02:00
2 changed files with 2802 additions and 2479 deletions

View File

@ -61,8 +61,8 @@
$icon-size: 9rem; $icon-size: 9rem;
$wave-height: 6.3rem; $wave-height: 6.3rem;
$mq-noresize: 1250px; $mq-noresize: 990px;
$mq-noicon: 940px; $mq-topicon: $mq-noresize;
$mq-resize: 697px; $mq-resize: 697px;
#banner { #banner {
@ -73,7 +73,7 @@
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
padding-bottom: #{$wave-height*1.5}; padding-bottom: #{$wave-height*1};
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: stretch; justify-content: stretch;
@ -126,6 +126,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.icon { .icon {
flex: $icon-size 0 0; flex: $icon-size 0 0;
@ -206,13 +207,14 @@
} }
// remove icon if less than $mq-noresize px wide // put icon on top instead of left if less than $mq-noresize px wide
@media screen and (max-width: $mq-noicon){ @media screen and (max-width: $mq-topicon){
#banner { #banner {
flex-direction: column; flex-direction: column;
.icon-wrapper { .icon-wrapper {
padding: 2rem 0;
flex: auto; flex: auto;
order: 2; order: 0;
} }
} }
} }

5267
yarn.lock

File diff suppressed because it is too large Load Diff