mirror of
https://github.com/kidoman/embd
synced 2025-02-03 17:23:18 +01:00
50 lines
1.0 KiB
SCSS
50 lines
1.0 KiB
SCSS
|
/* Base Styles */
|
||
|
|
|
||
|
|
@import "compass/typography/vertical_rhythm";
|
||
|
|
@include establish-baseline;
|
||
|
|
|
||
|
|
* { @include box-sizing(border-box); }
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: $global-bg-color;
|
||
|
|
font-family: $font-family;
|
||
|
|
font-weight: $body-font-weight;
|
||
|
|
color: $body-font-color;
|
||
|
|
position: relative;
|
||
|
|
-webkit-font-smoothing: $font-smoothing;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
@include respond(all-phones) {
|
||
|
|
-webkit-text-size-adjust: none;
|
||
|
|
-ms-text-size-adjust: none;
|
||
|
|
width: 100%;
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hide {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hide.active, .show {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
// include all entypo icon classes
|
||
|
|
@include icon(all);
|
||
|
|
|
||
|
|
// .fixed elements will be static at supplied breakpoint
|
||
|
|
// set arg to false for permanent .fixed elements
|
||
|
|
@include fixed(portrait-tablets);
|
||
|
|
|
||
|
|
.text-center { @extend %text-center; }
|
||
|
|
.text-left { @extend %text-left; }
|
||
|
|
.text-right { @extend %text-right; }
|
||
|
|
// Partial to align Text Left or Right
|
||
|
|
%text-center { text-align: center; }
|
||
|
|
%text-left { text-align: left; }
|
||
|
|
%text-right { text-align: right; }
|