1 @use '_variables' as *;
9 min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
12 .sub-header-container {
13 margin-top: $header-height;
14 background-color: pvar(--mainBackgroundColor);
19 height: $header-height;
23 background-color: pvar(--mainBackgroundColor);
25 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
31 height: $header-height;
41 mask-image: url('../assets/images/misc/menu.svg');
42 -webkit-mask-image: url('../assets/images/misc/menu.svg');
44 background-color: pvar(--mainForegroundColor);
45 margin: 0 18px 0 20px;
47 @media screen and (max-width: $mobile-view) {
54 height: $header-height;
57 justify-content: flex-end;
63 @include disable-default-a-behaviour;
66 font-weight: $font-bold;
67 color: inherit !important;
78 @media screen and (max-width: $mobile-view) {
84 @include margin-right(0.5rem);
86 display: inline-block;
98 grid-template-columns: 1fr 30px;
102 justify-self: center;