#17: make header layout configurable

This commit is contained in:
Jana Deutschländer 2019-03-11 16:08:20 +01:00 committed by Andreas Gohr
commit 72166b7941
9 changed files with 171 additions and 3 deletions

View file

@ -297,3 +297,73 @@
} // a
} // ul
} // nav-usertools
/* + + + + + layout option compact + + + + + */
.header-compact {
#dokuwiki__usertools.nav-usertools {
// mobile
@media @screen_max-md {
left: 6rem;
ul {
overflow: hidden;
li.user {
color: @ini_background_site;
bdi {
position: absolute;
width: 0;
padding: 0;
text-indent: -10000px;
&:before {
transition: @transition background-color;
background-color: @ini_background_site;
color: @ini_nav_menu_color;
text-indent: 0;
}
}
> a {
padding: 0 .2em;
color: @ini_nav_menu_hover_bg;
bdi {
&:before {
background-color: @ini_nav_menu_hover_bg;
color: @ini_nav_menu_hover_color;
}
}
&:hover {
color: @ini_nav_menu_hover_color;
bdi {
&:before {
background-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_bg;
}
}
}
}
bdi + bdi {
display: none;
}
}
}
}
@media @screen_max-sm {
ul li {
position: static;
float: right;
top: 0; right: 0;
}
}
}
}