#2092 phone burger menu, text tei fix

This commit is contained in:
2023-06-21 20:18:52 +02:00
parent abd7379dc2
commit cbf33f8b24
2 changed files with 68 additions and 5 deletions
+56 -2
View File
@@ -55,6 +55,7 @@ header[role="banner"]{
font-size: 1em;
}
nav#header-menu{
span.burger-btn{ display:none; }
grid-column: 2;
text-align: right;
>ul>li{
@@ -101,9 +102,48 @@ header[role="banner"]{
flex-direction: column;
}
nav#header-menu{
text-align: left;
position: absolute;
top:0;
right:0;
span.burger-btn{
display:block;
color: $bleuroi;
margin:1em 1em 0;
cursor: pointer;
}
>ul{
padding:1em 0 1em 1em;
background-color: #fff;
// height:150px;
box-shadow: -3px 3px 5px $grisclair;
transform: translateX(120%);
transition: transform 0.3s ease-in-out;
>li{
display: block;
margin-bottom: 0.5em;
>ul{
position: relative;
top:unset;
padding: 0;
>li{
box-sizing: border-box;
a{
padding-top: 0.2em;
}
}
}
}
}
&.opened{
>ul{
transform: translateX(0);
}
}
}
}
}
}
section[role="main-content"]{
#home{
@@ -884,6 +924,20 @@ section[role="main-content"]{
}
margin-bottom: $base-line;
}
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
padding-top: $base-line * 0.5;
h1{
font-size: 2em;
.initial{
display: inline-block;
text-transform: uppercase;
font-size: 1.3em;
line-height: $base-line*2;
margin: $base-line/2 0;
}
margin-bottom: $base-line;
}
}
}
span.metamark.tailpiece,
span.metamark.simpleLine{