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