--- # // Only the main Sass file needs front matter (the dashes are enough) # // # // Note: Only include Liquid templating in this file. # // It won't work in @imported SASS or SCSS. --- @charset "utf-8"; // Set responsive breakpoints for minima // (same as what's used for Gridlex — so the two align) $on-palm: 35.5em; $on-laptop: 48em; // Set both $spacing-unit (for minima) and $gl-gutter (for gridlex) $spacing-unit: 2rem; $gl-gutter: $spacing-unit / 2; // Import styles from site.scss or site.sass or fall back to default.scss {% assign _site_style = site.static_files | where_exp: "item", "item.path contains '/assets/site.'" %} {% if _site_style[0] %} @import "site"; {% else %} @import "default"; {% endif %}