d
This commit is contained in:
parent
3460f93d46
commit
2c65c10241
27
dev.less
27
dev.less
@ -37,38 +37,47 @@ body::before {
|
|||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/*
|
|
||||||
|
/* desktop */
|
||||||
|
@media (min-width: 768px) { /* desktop */
|
||||||
|
/* transparent background */
|
||||||
.navigation ul{
|
.navigation ul{
|
||||||
background-color: rgba(255,255,255,0) !important;
|
background-color: rgba(255,255,255,0) !important;
|
||||||
}
|
}
|
||||||
.navigation ul.level0{
|
.navigation ul.level0{
|
||||||
background-color: rgba(255,255,255,0.75) !important;
|
background-color: rgba(255,255,255,0.75) !important;
|
||||||
}
|
}
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
|
/* remove borders and shadow */
|
||||||
.navigation ul ul ul{
|
.navigation ul ul ul{
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* bold 1st level (headers) */
|
||||||
.navigation li.level1>a{
|
.navigation li.level1>a{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* desktop */
|
/* make all parents static so absolute positions work */
|
||||||
@media (min-width: 768px) { /* desktop */
|
|
||||||
.navigation,
|
.navigation,
|
||||||
.navigation>ul,
|
.navigation>ul,
|
||||||
.navigation>ul>.level0{
|
.navigation>ul>.level0{
|
||||||
position: static !important;
|
position: static !important;
|
||||||
}
|
}
|
||||||
|
/* put the sub menus into the layout columns */
|
||||||
|
.submenu.level1{
|
||||||
|
position: static !important;
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* make the level 0 a flex layout so sub menus become columns */
|
||||||
|
/* and center it */
|
||||||
.submenu.level0[aria-expanded="true"]{
|
.submenu.level0[aria-expanded="true"]{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
left: 50% !important;
|
left: 50% !important;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
.submenu.level1{
|
|
||||||
position: static !important;
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user