Files
luxtools-template/css/mobile.css
2026-01-16 15:04:53 +01:00

78 lines
1.3 KiB
CSS

/**
* This file provides style changes for small screens.
*
* @author Anika Henke <anika@selfthinker.org>
*/
@media only screen and (max-width: 42em) {
#dokuwiki__site .wrapper {
flex-direction: column;
gap: 1.4em;
}
#dokuwiki__aside {
width: auto;
flex: 0 0 auto;
}
.hasSidebar #dokuwiki__content {
margin: 0;
}
#dokuwiki__header .headings {
margin: 2.1em 0 0;
}
#dokuwiki__header .tools {
margin-bottom: .7em;
}
#dokuwiki__header .headings,
#dokuwiki__header .tools,
#dokuwiki__header .tools li {
float: none;
text-align: left;
}
[dir=rtl] #dokuwiki__header .tools,
[dir=rtl] #dokuwiki__header .tools li {
float: none;
text-align: right;
}
[dir=rtl] #dokuwiki__header .headings {
float: none;
text-align: right;
}
#dokuwiki__sitetools ul {
padding: 0;
}
#dokuwiki__sitetools li {
margin: 0 1.5em 0 0;
}
[dir=rtl] #dokuwiki__sitetools li {
margin: 0 0 0 1.5em;
}
#dokuwiki__header div.breadcrumbs {
margin-bottom: .7em;
}
#dokuwiki__header ul.a11y.skip {
left: auto !important;
right: 1em !important;
top: 3.1em !important;
width: auto !important;
height: auto !important;
list-style: none;
padding: 0;
margin: 0;
}
[dir=rtl] #dokuwiki__header ul.a11y.skip {
right: auto !important;
left: 1em !important;
}
} /* /@media */