Compare commits
2 Commits
d05b75a7c3
...
e46fd2f93c
Author | SHA1 | Date |
---|---|---|
Adrien Marquès | e46fd2f93c | |
Adrien Marquès | 8f6981e2b9 |
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue