🎨 header responsiv

This commit is contained in:
Hugo Lextrait 2023-02-22 08:35:04 +01:00
parent 9a54b30e0e
commit 2c5ca6a57c
2 changed files with 7 additions and 4 deletions

View File

@ -2,4 +2,7 @@
.root { .root {
display: inline-flex; display: inline-flex;
@media screen and (max-width: $screen-ls) {
display: none;
}
} }

View File

@ -1,8 +1,9 @@
$screen-xl: 2559px; // $screen-xl: 2559px;
$screen-l: 1440px; $screen-l: 1440px;
$screen-ls: 1210px;
$screen-m: 1023px; $screen-m: 1023px;
$screen-s: 767px; $screen-s: 767px;
$screen-xs: 424px; // $screen-xs: 424px;
$custom-easing: cubic-bezier(0.645, 0.045, 0.355, 1); $custom-easing: cubic-bezier(0.645, 0.045, 0.355, 1);
@ -35,5 +36,4 @@ $grey-soft: #f9f9f9;
$modal-background: rgba(0, 0, 0, 0.44); $modal-background: rgba(0, 0, 0, 0.44);
$shadow-neutral: 0px 8px 10px 0px #00000012; $shadow-neutral: 0px 8px 10px 0px #00000012;