| --- |
| # 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" |
| ; |
