Files
luxtools-template/css/structure.less
2026-03-06 09:02:11 +01:00

92 lines
1.4 KiB
Plaintext
Executable File

/**
* This file provides styles for the general layout structure.
*
* @author Anika Henke <anika@selfthinker.org>
*/
body {
margin: 0 auto;
/* Add bottom padding to account for fixed page tools bar */
padding-bottom: 2.5em;
}
#dokuwiki__site {
margin: 0 auto;
}
#dokuwiki__site > .site {
padding: 0 .5em;
}
#dokuwiki__header {
width: 100%;
.header__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75em;
}
.headings {
flex: 1 1 auto;
min-width: 0;
}
.tools {
flex: 0 0 auto;
}
}
[dir=rtl] #dokuwiki__header {
.header__bar {
flex-direction: row-reverse;
}
}
#dokuwiki__site .wrapper {
position: relative;
}
#dokuwiki__aside {
width: @ini_sidebar_width;
float: left;
position: relative;
display: block;
> .pad {
margin: 0 1.5em 0 0;
}
}
[dir=rtl] #dokuwiki__aside {
float: right;
> .pad {
margin: 0 0 0 1.5em;
}
}
.showSidebar #dokuwiki__content {
float: right;
margin-left: (-1 * @ini_sidebar_width);
width: 100%;
> .pad {
margin-left: @ini_sidebar_width;
}
}
[dir=rtl] .showSidebar #dokuwiki__content {
float: left;
margin-left: 0;
margin-right: (-1 * @ini_sidebar_width);
> .pad {
margin-left: 0;
margin-right: @ini_sidebar_width;
}
}
#dokuwiki__footer {
clear: both;
}