Sha256: 9053575870e336e52e23854140dc0cf1be30247a2d1581b774173693aef39388
Contents?: true
Size: 1.39 KB
Versions: 5
Compression:
Stored size: 1.39 KB
Contents
@charset "utf-8"; // Define defaults for each variable. $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default; $base-font-size: 16px !default; $base-font-weight: 400 !default; $small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default; $spacing-unit: 30px !default; $table-text-align: left !default; // Width of the content area $content-width: 800px !default; $on-palm: 600px !default; $on-laptop: 800px !default; $on-medium: $on-palm !default; $on-large: $on-laptop !default; // Use media queries like this: // @include media-query($on-palm) { // .wrapper { // padding-right: $spacing-unit / 2; // padding-left: $spacing-unit / 2; // } // } // Notice the following mixin uses max-width, in a deprecated, desktop-first // approach, whereas media queries used elsewhere now use min-width. @mixin media-query($device) { @media screen and (max-width: $device) { @content; } } @mixin relative-font-size($ratio) { font-size: $base-font-size * $ratio; } // Import pre-styling-overrides hook and style-partials. @import "custom-variables", // Hook to override predefined variables. "base", // Defines element resets. "layout" // Defines structure and style based on CSS selectors. ;
Version data entries
5 entries across 5 versions & 2 rubygems