TEC : Menu sandwish sur la droite
This commit is contained in:
@@ -57,11 +57,19 @@ li a:hover::after {
|
||||
|
||||
nav {
|
||||
margin-left: auto;
|
||||
display: inline-flex;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.nav-phone{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* === Menus === */
|
||||
#menuXL {
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* === Menus === */
|
||||
@@ -146,7 +154,7 @@ nav {
|
||||
}
|
||||
|
||||
#menuXL {
|
||||
transform: translateX(-100%);
|
||||
transform: translateX(100%);
|
||||
opacity: 0;
|
||||
transition: transform 0.3s ease, opacity 0.3s ease;
|
||||
max-height: 0;
|
||||
@@ -157,7 +165,7 @@ nav {
|
||||
position: fixed;
|
||||
background-color: #F9E7DB;
|
||||
top: 3.5rem;
|
||||
left: 0;
|
||||
right: 0;
|
||||
box-shadow: 15px 0px 10px rgba(51, 51, 51, 0.15);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user