website/sass/main.scss

42 lines
844 B
SCSS

$sidebar_width: 20%;
$sidebar_background: rgba(45, 45, 45, 1);
$body_background: rgba(30, 30, 30, 1);
body {
margin: 0;
nav {
height: 100%;
position: fixed;
width: $sidebar_width;
background: $sidebar_background;
padding-top: 32px;
padding-bottom: 16px;
img {
width: 100%;
}
div {
padding: 0 16px 0 16px;
}
}
main {
height: 100%;
box-sizing: border-box;
margin-left: $sidebar_width;
background: $body_background;
padding-top: 32px;
color: white;
article {
margin: auto;
border: 1px solid white;
padding: 13px;
max-width: 1000px;
}
}
}
@media screen and (max-width: 1000px) {
@import "mobile.scss";
}