inspektor/app/styles/_layout.scss

54 lines
721 B
SCSS

* {
box-sizing: border-box;
}
#remotestorage-widget {
position: fixed;
right: 0.5rem;
top: 0.5rem;
}
#app-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
> aside {
flex: 0 0 16rem;
overflow: auto;
padding: 2rem;
nav {
margin-top: 6rem;
margin-bottom: 6rem;
ul {
list-style: none;
margin: 0;
padding: 0;
}
a {
display: block;
padding: 0.2rem 0;
}
}
}
> main {
flex: 1;
overflow: auto;
padding: 2rem;
> header {
height: 6em;
}
}
}