scss/_variables.scss

   1
   2 //
   3 // VARIABLES
   4 //
   5
   6 // Colors
   7 $blue: #4183C4;
   8 $orange: #D26911;
   9
  10 // Grays
  11 $black: #000;
  12 $darkerGray: #222;
  13 $darkGray: #333;
  14 $gray: #666;
  15 $lightGray: #aaa;
  16 $lighterGray: #eee;
  17 $white: #fff;
  18
  19 // Font stacks
  20 $helvetica: Helvetica, Arial, sans-serif;
  21 $helveticaNeue: "Helvetica Neue", Helvetica, Arial, sans-serif;
  22 $georgia: Georgia, serif;
  23
  24 // Breakpoints
  25 $mobile-width: 520px !default;
  26
  27 // Mobile breakpoint
  28 @mixin mobile {
  29   @media screen and (max-width: $mobile-width) {
  30     @content;
  31   }
  32 }