site/assets/main.scss

---
# Only the main Sass file needs front matter (the dashes are enough)
---
@charset "utf-8";

// Use media queries like this:
// @include media-query($on-palm) {
//     .wrapper {
//         padding-right: $spacing-unit / 2;
//         padding-left: $spacing-unit / 2;
//     }
// }
@mixin media-query($device) {
    @media screen and (max-width: $device) {
        @content;
    }
}

// Colors to sync with semantic site.variables
$white          : #EBEBEB;
$grey           : #54595B;
$black          : #262626;
$teal           : #283F4E;
$red            : #E24614;
$yellow         : #DBA915;
$green          : #BFD02C;
$blue           : #38A6D8;
$purple         : #852EB7;

// Import partials from `sass_dir` (defaults to `_sass`)
@import
    "flagon",
    "highlighting",
    "bowie",
    "userale"
;