/* Configuration
========================================================================== */
$edit-mode: true !default; // [ true / false ] - Enables/disables the grid toggle button.
// Theme / Fonts $theme: Merriweather !default; // [ Merriweather / OpenSans / custom ] $custom-font-body: null !default; // [ “Libre Baskerville”, Georgia, serif ] $custom-font-headings: null !default;
// Paragraph indenting $paragraph-indent: false !default; // [ true / false ]
// Base sizes $base-font-size: 100 !default; // In %. Also used for mobile. Number only, no units. $base-font-size-desktop: 112.5 !default; // In %. Used to calculate the desktop font size. Number only, no units. $line-height: 1.625 !default; $line-height-desktop: 1.7 !default; $max-width: 35 !default; // Number only, no units. Gets converted to REMs and pixels.
// Modular Scale $modular-scale: (
xxxl: 4.3, xxl: 3.5, xl: 3, l: 2.5, m: 2, s: 1.6875, xs: 1.4375, xxs: 1.2, xxxs: 1, xxxxs: 0.8125
) !default;
// Colors $color-font-body: #222 !default; $color-font-headings: $color-font-body !default; $color-font-light: #888 !default; $color-font-figcaption: $color-font-body !default;
/* Calculations
========================================================================== */
// Mobile base & leading $base: 16 * ($base-font-size / 100); $leading: round($base * $line-height); $leading-rem: $leading / $base;
// Desktop base & leading $base-desktop: 16 * ($base-font-size-desktop / 100); $leading-desktop: round($base-desktop * $line-height-desktop); $leading-rem-desktop: $leading-desktop / $base-desktop;
/* Font themes
========================================================================== */
$font-body: null; $font-headings: null;
@if $theme == Merriweather {
// Import Merriweather @import url("https://fonts.googleapis.com/css?family=Merriweather:400,700,400italic"); // Set body font $font-body: Merriweather, Georgia, serif;
} @else if $theme == OpenSans {
// Import Open Sans @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic"); // Set body font $font-body: Open Sans, Arial, Helvetica, Sans-serif;
} @else if $theme == custom {
// Set custom body font $font-body: $custom-font-body; // Set custom headings font @if $custom-font-headings != $custom-font-body { $font-headings: $custom-font-headings; }
}
// Import partials. @import
"gutenberg/mixins/font-size", "gutenberg/mixins/line-height", "gutenberg/mixins/margin", "gutenberg/mixins/padding", "gutenberg/helpers/alignment", "gutenberg/helpers/grid", "gutenberg/layout/aside", "gutenberg/layout/base", "gutenberg/layout/footer", "gutenberg/layout/header", "gutenberg/layout/main", "gutenberg/layout/section", "gutenberg/modules/anchor", "gutenberg/modules/article", "gutenberg/modules/audio", "gutenberg/modules/canvas", "gutenberg/modules/code", "gutenberg/modules/details", "gutenberg/modules/figure", "gutenberg/modules/form", "gutenberg/modules/heading", "gutenberg/modules/horizontal-rule", "gutenberg/modules/image", "gutenberg/modules/list", "gutenberg/modules/navigation", "gutenberg/modules/progress", "gutenberg/modules/quote", "gutenberg/modules/table", "gutenberg/modules/template", "gutenberg/modules/text", "gutenberg/modules/video"
;