main.scss 1.0 KB

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