git.piffa.net Git - aerei_site/blob - css/main.scss

   1 ---
   2 # Only the main Sass file needs front matter (the dashes are enough)
   3 ---
   4 @charset "utf-8";
   5
   6
   7
   8 // Our variables
   9 $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  10 $base-font-size:   16px;
  11 $base-font-weight: 400;
  12 $small-font-size:  $base-font-size * 0.875;
  13 $base-line-height: 1.5;
  14
  15 $spacing-unit:     30px;
  16
  17 $text-color:       #111;
  18 $background-color: #fdfdfd;
  19 $brand-color:      #2a7ae2;
  20
  21 $grey-color:       #828282;
  22 $grey-color-light: lighten($grey-color, 40%);
  23 $grey-color-dark:  darken($grey-color, 25%);
  24
  25 // Width of the content area
  26 $content-width:    800px;
  27
  28 $on-palm:          600px;
  29 $on-laptop:        800px;
  30
  31
  32
  33 // Use media queries like this:
  34 // @include media-query($on-palm) {
  35 //     .wrapper {
  36 //         padding-right: $spacing-unit / 2;
  37 //         padding-left: $spacing-unit / 2;
  38 //     }
  39 // }
  40 @mixin media-query($device) {
  41     @media screen and (max-width: $device) {
  42         @content;
  43     }
  44 }
  45
  46
  47
  48 // Import partials from `sass_dir` (defaults to `_sass`)
  49 @import
  50         "base",
  51         "layout",
  52         "syntax-highlighting"
  53 ;