diff --git a/resources/sass/club/base/_layout.scss b/resources/sass/club/base/_layout.scss index d5c89fb7..1e136af1 100644 --- a/resources/sass/club/base/_layout.scss +++ b/resources/sass/club/base/_layout.scss @@ -8,12 +8,38 @@ body { // * HEADER > header { - top: 0; - left: 0; - width: 100%; - transition: all 0.3s ease; + #main-nav { + position: fixed; + float: left; + bottom: .5rem; + left: 50%; + transform: translateX(-50%); + width: 90vw; + height: 3.0625rem; + @include media-breakpoint-up(ssm) { + width: 21.875rem; + } + // * Menu Logo Nav item + .menu-logo { + position: absolute; + width: 6.75rem; + height: 4.625rem; + bottom: .4rem; + left: 50%; + transform: translateX(-50%); + + @include media-breakpoint-up(ssm) { + width: 8.75rem; + } + + img { + width: 100%; + object-fit: contain; + } + } + } } > main { diff --git a/resources/sass/club/utilities/_bootstrap-variables.scss b/resources/sass/club/utilities/_bootstrap-variables.scss index 7ca653fe..d4f04402 100644 --- a/resources/sass/club/utilities/_bootstrap-variables.scss +++ b/resources/sass/club/utilities/_bootstrap-variables.scss @@ -43,3 +43,14 @@ $font-size-base: $font-default-size-base; $line-height-base: $line-default-height-base; $line-height-sm: $line-default-height-base * 0.85; $line-height-lg: $line-default-height-base * 1.25; +$grid-breakpoints: map.merge(( + xs: 0, + ssm: 320px, + sm: 576px, + md: 768px, + lg: 992px, + xl: 1200px, + xxl: 1400px +), ( + xxxl: 1700px, +)) diff --git a/resources/views/club/icons/cloche.blade.php b/resources/views/club/icons/cloche.blade.php new file mode 100644 index 00000000..30b1874f --- /dev/null +++ b/resources/views/club/icons/cloche.blade.php @@ -0,0 +1,11 @@ + + + + + + diff --git a/resources/views/club/icons/hamburger.blade.php b/resources/views/club/icons/hamburger.blade.php new file mode 100644 index 00000000..59a324e2 --- /dev/null +++ b/resources/views/club/icons/hamburger.blade.php @@ -0,0 +1,9 @@ + + + + + + diff --git a/resources/views/club/icons/magnifier.blade.php b/resources/views/club/icons/magnifier.blade.php new file mode 100644 index 00000000..c45e1bb0 --- /dev/null +++ b/resources/views/club/icons/magnifier.blade.php @@ -0,0 +1,8 @@ + + + + + + diff --git a/resources/views/club/icons/ticket.blade.php b/resources/views/club/icons/ticket.blade.php new file mode 100644 index 00000000..4a83d854 --- /dev/null +++ b/resources/views/club/icons/ticket.blade.php @@ -0,0 +1,10 @@ + + + + + + diff --git a/resources/views/club/layouts/header.blade.php b/resources/views/club/layouts/header.blade.php index 978bc515..ed9c2439 100644 --- a/resources/views/club/layouts/header.blade.php +++ b/resources/views/club/layouts/header.blade.php @@ -1,11 +1,33 @@ -