CSS: Set basic layout structure
This commit is contained in:
parent
204fd5d636
commit
739dd50384
|
@ -12,32 +12,24 @@ body {
|
||||||
|
|
||||||
#layout {
|
#layout {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
// Prevent nav-level-2 flyovers from being covered by #main
|
// Prevent nav-level-2 flyovers from being covered by #main
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header {
|
#content-wrapper {
|
||||||
width: 100%;
|
flex: 1;
|
||||||
padding-bottom: 3em;
|
display: flex;
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
width: 12em;
|
width: 12em;
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
top: 4.5em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#main {
|
#main {
|
||||||
position: fixed;
|
flex: 1;
|
||||||
bottom: 0;
|
|
||||||
left: 12em;
|
|
||||||
right: 0;
|
|
||||||
top: 2.25em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.iframe {
|
.iframe {
|
||||||
|
|
Loading…
Reference in New Issue