3 @import '~bootstrap/scss/functions';
4 @import '~bootstrap/scss/variables';
11 min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
14 .sub-header-container {
15 margin-top: $header-height;
16 background-color: pvar(--mainBackgroundColor);
21 height: $header-height;
25 background-color: pvar(--mainBackgroundColor);
27 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
33 height: $header-height;
43 mask-image: url('../assets/images/misc/menu.svg');
44 -webkit-mask-image: url('../assets/images/misc/menu.svg');
46 background-color: pvar(--mainForegroundColor);
47 margin: 0 18px 0 20px;
49 @media screen and (max-width: $mobile-view) {
56 height: $header-height;
59 justify-content: flex-end;
65 @include disable-default-a-behaviour;
68 font-weight: $font-bold;
69 color: inherit !important;
80 @media screen and (max-width: $mobile-view) {
86 @include margin-right(0.5rem);
88 display: inline-block;
100 grid-template-columns: 1fr 30px;
104 justify-self: center;