hautes-alpes-2018: reduce neutral tpl header on mobile (#25114)
This commit is contained in:
parent
226073c694
commit
60af24a010
|
@ -1,5 +1,6 @@
|
|||
// main content wrapper variant
|
||||
$custom-header-height: 10em;
|
||||
$custom-mobile-header-height: 5em;
|
||||
$margin-center: 0 auto;
|
||||
|
||||
.template-neutre {
|
||||
|
@ -10,6 +11,10 @@ $margin-center: 0 auto;
|
|||
line-height: 1.4;
|
||||
margin-top: $custom-header-height;
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
margin-top: $custom-mobile-header-height;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: white;
|
||||
position: fixed;
|
||||
|
@ -26,6 +31,10 @@ $margin-center: 0 auto;
|
|||
margin: $margin-center;
|
||||
min-height: $custom-header-height;
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
min-height: $custom-mobile-header-height;
|
||||
}
|
||||
|
||||
#header {
|
||||
@include flexbox();
|
||||
max-width: $width;
|
||||
|
|
Loading…
Reference in New Issue