2013-09-16 13:46:04 -04:00
|
|
|
// Reset the box-sizing
|
|
|
|
|
|
|
|
*,
|
|
|
|
*:before,
|
|
|
|
*:after {
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Body reset
|
|
|
|
|
|
|
|
html {
|
|
|
|
font-size: 62.5%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
font-family: $font-family-base;
|
|
|
|
font-size: $font-size-base;
|
|
|
|
line-height: $line-height-base;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Reset fonts for relevant elements
|
|
|
|
input,
|
|
|
|
button,
|
|
|
|
select,
|
|
|
|
textarea {
|
|
|
|
font-family: inherit;
|
|
|
|
font-size: inherit;
|
|
|
|
line-height: inherit;
|
2013-09-18 16:05:51 -04:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2013-09-16 13:46:04 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
// Basic layout
|
2013-09-17 13:11:30 -04:00
|
|
|
.main-app-view {
|
|
|
|
height: 100%;
|
2013-09-16 13:46:04 -04:00
|
|
|
}
|