/* Base Settings Styleguide 26 */ /* Debug Mode $debug-html: false # Enable debug html mode $debug-outlines: false # Enable debug outlines mode $default-styles: true # Use default styles in _default-styles.scss Styleguide 26.1 */ $debug-html: false !default; $debug-outlines: false !default; $default-styles: true !default; /* Text body size $base-font-size: 14px # Default text size to use on body text $base-line-height: $base-font-size * 1.5 # Default line-height $round-to-nearest-half-line: true # Round the line height for the adjust-font-size-to mixin Change text size with media query. On media query `lap-and-up` (tablet and desktop) use the default text size, on `palm` (smartphone) change the base size to 16px, it will be automatically converted to percentage to mantain em proportions. $responsive-font-size: lap-and-up $base-font-size, palm 16px Styleguide 26.2 */ $base-font-size: 14px !default; $base-line-height: $base-font-size * 1.5 !default; $round-to-nearest-half-line: true !default; $responsive-font-size: lap-and-up $base-font-size, palm 16px !default; /* Font families $font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif $font-serif: Georgia, "Times New Roman", Times, serif $font-mono: Monaco, Menlo, Consolas, "Courier New", monospace $base-font-family: $font-sans # Default font family for body text $titles-font-family: $font-sans # Default font family for titles Styleguide 26.3 */ $font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif !default; $font-serif: Georgia, "Times New Roman", Times, serif !default; $font-mono: Monaco, Menlo, Consolas, "Courier New", monospace !default; $base-font-family: $font-sans !default; $titles-font-family: $font-sans !default; /* Prefixes Enable or disable specific broweser prefixes used by Compass mixins. $experimental-support-for-mozilla: true $experimental-support-for-webkit: true $support-for-original-webkit-gradients: false $experimental-support-for-opera: false $experimental-support-for-microsoft: true $experimental-support-for-khtml: false Styleguide 26.4 */ $experimental-support-for-mozilla: true !default; $experimental-support-for-webkit: true !default; $support-for-original-webkit-gradients: false !default; $experimental-support-for-opera: false !default; $experimental-support-for-microsoft: true !default; $experimental-support-for-khtml: false !default; /* em() To convert `PX` to `EM` using the `$base-font-size` as font size. width: em(20px); Styleguide 25.1 */ @function em($to-size, $from-size: $base-font-size) { @return ($to-size / $from-size) + 0em; }