59 lines
878 B
SCSS
59 lines
878 B
SCSS
|
html, body {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: $page-bg;
|
||
|
|
color: $core-text;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: $core-accent;
|
||
|
|
&:hover {
|
||
|
|
color: darken($core-accent, 20%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
b, strong {
|
||
|
|
font-weight: $font-weight-bold
|
||
|
|
}
|
||
|
|
|
||
|
|
// Global Container
|
||
|
|
#container {
|
||
|
|
min-height: 100%;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fullwidth styles
|
||
|
|
.fullwidth {
|
||
|
|
#body {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
#header, #breadcrumbs, .blog-header, .blog-content-item, .content-wrapper, ul.pagination, #body > .modular-row {
|
||
|
|
@extend .padding-horiz;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Global body styling
|
||
|
|
#body {
|
||
|
|
@extend .default-animation;
|
||
|
|
@extend .padding-horiz;
|
||
|
|
|
||
|
|
background: $page-bg;
|
||
|
|
padding-top: $header-height + $padding-vert;
|
||
|
|
padding-bottom: $footer-height + $padding-vert + 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Alignment
|
||
|
|
.left {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.right {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|