50 lines
856 B
SCSS
50 lines
856 B
SCSS
// Basic layout styles
|
|
html {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
body {
|
|
background: #fff; // fallback
|
|
color: #444;
|
|
font: 16px/21px 'DroidSans', Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased; // Fix for webkit renderin
|
|
height: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.wrapper {
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
min-height: 100%;
|
|
padding-left: 90px;
|
|
}
|
|
|
|
.menu-secondary {
|
|
flex-basis: 260px;
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
padding: 2em 1em;
|
|
}
|
|
|
|
.extrabar {
|
|
background: $whitish;
|
|
// display: none;
|
|
}
|
|
|
|
.main {
|
|
flex-basis: 600px;
|
|
flex-grow: 8;
|
|
flex-shrink: 0;
|
|
padding: 2em;
|
|
}
|
|
|
|
.icon {
|
|
font-family: 'taiga';
|
|
}
|