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

5267
yarn.lock

File diff suppressed because it is too large Load Diff