1/* Base Styles */
2
3@import "compass/typography/vertical_rhythm";
4@include establish-baseline;
5
6* { @include box-sizing(border-box); }
7
8body {
9  background: $global-bg-color;
10  font-family: $font-family;
11  font-weight: $body-font-weight;
12  color: $body-font-color;
13  position: relative;
14  -webkit-font-smoothing: $font-smoothing;
15  -moz-osx-font-smoothing: grayscale;
16  @include respond(all-phones) {
17    -webkit-text-size-adjust: none;
18    -ms-text-size-adjust: none;
19    width: 100%;
20    min-width: 0;
21  }
22}
23
24html, body {
25  height: 100%;
26}
27
28.hide {
29  display: none;
30}
31
32.hide.active, .show {
33  display: block;
34}
35
36// include all entypo icon classes
37@include icon(all);
38
39// .fixed elements will be static at supplied breakpoint
40// set arg to false for permanent .fixed elements
41@include fixed(portrait-tablets);
42
43.text-center { @extend %text-center; }
44.text-left { @extend %text-left; }
45.text-right { @extend %text-right; }
46// Partial to align Text Left or Right
47%text-center { text-align: center; }
48%text-left { text-align: left; }
49%text-right { text-align: right; }
50