#17: make header layout configurable
This commit is contained in:
parent
e9519300fa
commit
72166b7941
9 changed files with 171 additions and 3 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue