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   color: $c-black;
  19   /*font-size: 14px;*/
  20   font-size: 1rem;
  21   min-width: 320px;
  22   line-height: 1.5;
  23   background: $c-background;
  24   font-family: 'Merriweather', serif;
  25 }
  26
  27 // Anchors
  28 a {
  29   outline: none;
  30   color: $c-black;
  31   @include transition();
  32   text-decoration: none;
  33
  34   &:hover {
  35     color: $c-grayDark;
  36   }
  37 }
  38
  39 // Headings
  40
  41 h1,
  42 h2,
  43 h3,
  44 h4,
  45 h5,
  46 h6 {
  47     font-family: 'Lora', sans-serif;
  48 }
  49
  50 h1 {
  51   margin: 0;
  52   // font-size: 1.25em;
  53   font-size: 2.6rem;
  54   margin-bottom: 0.5rem;
  55 }
  56
  57 h2 {
  58   margin: 0;
  59   // font-size: 1.1em;
  60   font-size: 1.8rem;
  61   margin-top: 1.5rem;
  62   margin-bottom: 0.5rem;
  63 }
  64
  65 h3 {
  66   margin: 0;
  67   // font-size: 1em;
  68   font-size: 1.4rem;
  69   margin-top: 1.5rem;
  70   margin-bottom: 0.5rem;
  71 }