Contents

/**
*     'Polyfill' (not really, but for lack of a better term...)
*     to support the broken reference to the System font stack
*     variable deprecated in the newest version of Bourbon.
*
*     credit: https://css-tricks.com/snippets/css/system-font-stack/
**/

// Font Stacks

/* System Fonts as used by GitHub */
$font-stack-system__github: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

/* System Fonts as used by Medium and WordPress */
$font-stack-system__medium: font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

/* Set further variables here ... (in other words, choose one) */
$font-stack-system: $font-stack-system__medium;

// Typography
$base-font-family: $font-stack-system;
$heading-font-family: $base-font-family;

// Line height
$base-line-height: 1.5;
$heading-line-height: 1.2;

// Other Sizes
$base-border-radius: 3px;
$base-spacing: 1.5em;
$small-spacing: $base-spacing / 2;
$base-z-index: 0;

// Colors
$blue: #1565c0;
$dark-gray: #333;
$medium-gray: #999;
$light-gray: #ddd;

// Font Colors
$base-font-color: $dark-gray;
$action-color: $blue;

// Border
$base-border-color: $light-gray;
$base-border: 1px solid $base-border-color;

// Background Colors
$base-background-color: #fff;
$secondary-background-color: tint($base-border-color, 75%);

// Focus
$focus-outline-color: transparentize($action-color, 0.4);
$focus-outline-width: 3px;
$focus-outline: $focus-outline-width solid $focus-outline-color;
$focus-outline-offset: 2px;

// Animations
$base-duration: 150ms;
$base-timing: ease;

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
betters-0.1.2	core/_variables.scss
betters-0.1.1	core/_variables.scss
betters-0.1.0	core/_variables.scss