mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2024-12-26 03:14:19 +00:00
27 lines
686 B
CSS
27 lines
686 B
CSS
|
/*
|
||
|
|
* Fixed HTML Structure: https://materializecss.com/sidenav.html#variations
|
||
|
|
* The sidenav-fixed class is used which causes the sidenav to be fixed and open
|
||
|
|
* on large screens and hides to the regular functionality on smaller screens.
|
||
|
|
* In order to prevent the sidenav to overlap the content, the content (header, main and footer)
|
||
|
|
* gets an offset equal to the width of the sidenav.
|
||
|
|
*/
|
||
|
|
header, main, footer {
|
||
|
|
padding-left: 300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width : 992px) {
|
||
|
|
header, main, footer {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-fixed > nav {
|
||
|
|
width: calc(100% - 300px);
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width : 992px) {
|
||
|
|
.navbar-fixed > nav {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|