inspektor/app/styles/_layout.scss

45 lines
584 B
SCSS

* {
box-sizing: border-box;
}
#remotestorage-widget {
position: fixed;
right: 1rem;
top: 0.5rem;
z-index: 1;
}
#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: 5rem;
margin-bottom: 4rem;
}
}
> main {
flex: 1;
overflow: auto;
padding: 3rem 4rem;
> header {
height: 4em;
}
}
}