responcive: better header

This commit is contained in:
2021-03-19 21:38:28 +01:00
parent 8cb32b1b48
commit 4d1299387a
3 changed files with 84 additions and 18 deletions

View File

@@ -60,7 +60,9 @@ header[role="banner"]{
line-height: 1;
}
.slogan{
font-size: 0.882em;
display: block;
white-space: nowrap;
@include col-mediaquery-max(2){
display:none;
}
@@ -74,7 +76,7 @@ header[role="banner"]{
li{
padding:0;
}
@include col-mediaquery-max(3){
@include col-mediaquery-max(4){
display:none;
}
}
@@ -183,7 +185,7 @@ header[role="banner"]{
@extend %header-fs;
cursor: pointer;
span{
@include col-mediaquery-max(3){
@include col-mediaquery-max(5){
display:none;
}
}
@@ -207,7 +209,7 @@ header[role="banner"]{
cursor: pointer;
&:before{padding-right: 0.2em;}
span{
@include col-mediaquery-max(3){
@include col-mediaquery-max(5){
display:none;
}
}
@@ -321,7 +323,7 @@ header[role="banner"]{
}
}
}
@include col-mediaquery-max(3){
// @include col-mediaquery-max(3){
ul.menu{
li{
display: inline-block;
@@ -330,7 +332,7 @@ header[role="banner"]{
}
}
}
}
// }
@include col-mediaquery-max(3){
position: relative;
@@ -352,6 +354,9 @@ header[role="banner"]{
margin-right: -0.5em;
z-index: 90;
text-align: right;
li{
display: block;
}
}
}
}