52 lines
1.1 KiB
Plaintext
52 lines
1.1 KiB
Plaintext
// ==========================================================================
|
|
// Base layout
|
|
// ==========================================================================
|
|
|
|
// BORDER-BOX ALL THE THINGS!
|
|
// http://paulirish.com/2012/box-sizing-border-box-ftw/
|
|
*, *::after, *::before {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
// Hidden
|
|
[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
// Base
|
|
html {
|
|
height: 100%;
|
|
font-size: 100%;
|
|
background: linear-gradient(#fff, @body-background) fixed;
|
|
}
|
|
body {
|
|
font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
line-height: 1.5;
|
|
text-align: center;
|
|
color: @gray;
|
|
.font-smoothing(on);
|
|
padding: 0 (@padding-base / 2);
|
|
}
|
|
|
|
// Header
|
|
header {
|
|
padding: @padding-base;
|
|
margin-bottom: @padding-base;
|
|
|
|
p {
|
|
.font-size(18);
|
|
}
|
|
@media (min-width: @screen-sm) {
|
|
padding-top: (@padding-base * 3);
|
|
padding-bottom: (@padding-base * 3);
|
|
}
|
|
}
|
|
|
|
// Sections
|
|
section {
|
|
padding-bottom: @padding-base;
|
|
|
|
@media (min-width: @screen-sm) {
|
|
padding-bottom: (@padding-base * 2);
|
|
}
|
|
} |