source/sass/elements/_elements.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Base elements / Un-classed elements
   4 |-------------------------------------------------------------------------------
   5 */
   6 // All
   7 * {
   8   box-sizing: border-box;
   9 }
  10
  11 // Body, Html
  12 body, html {
  13   height: 100%;
  14 }
  15
  16 // Body
  17 body {
  18   min-width: 320px;
  19   background: $c-grayLight;
  20   color: $c-grayDark;
  21   font-size: 16px;
  22   line-height: 1.2em;
  23   font-family: 'Merriweather', serif;
  24 }
  25
  26 // Anchors
  27 a {
  28   outline: none;
  29   color: $c-grayDark;
  30   @include transition();
  31   text-decoration: none;
  32
  33   &:hover {
  34     color: $c-grayAccent;
  35   }
  36 }
  37
  38 // Headings
  39 h1 {
  40   margin: 0;
  41   font-size: 1.4em;
  42 }
  43
  44 h2 {
  45   margin: 0;
  46   font-size: 1.2em;
  47 }
  48
  49 h3 {
  50   margin: 0;
  51   font-size: 1em;
  52 }