components

variables

base-background-color

$base-background-color: #fff !default;

Description

Main document background color

code-background-color

$code-background-color: #ddd !default;

Description

Background color for <code> tags

code-color

$code-color: #000 !default;

Description

Foreground color for <code> tags

h1-font-size

$h1-font-size: 1rem !default;

Description

Font size for an <h1> tag

h2-font-size

$h2-font-size: 1rem !default;

Description

Font size for an <h2> tag

h3-font-size

$h3-font-size: 1rem !default;

Description

Font size for an <h3> tag

h4-font-size

$h4-font-size: 1rem !default;

Description

Font size for an <h4> tag

h5-font-size

$h5-font-size: 1rem !default;

Description

Font size for an <h5> tag

h6-font-size

$h6-font-size: 1rem !default;

Description

Font size for an <h6> tag

base-font-color

$base-font-color: #000 !default;

Description

Page level text color

base-line-height

$base-line-height: 1.15 !default;

Description

General line height

base-font-size

$base-font-size: 16px !default;

Description

Page level font size

text-input-padding

$text-input-padding: .5rem !default;

Description

Compound value for text input padding

text-input-border

$text-input-border: 1px solid #000 !default;

Description

Compound value for text input borders

text-input-border-radius

$text-input-border-radius: .25rem !default;

Description

Text input border radius

text-input-width

$text-input-width: 100% !default;

Description

Default width of text inputs

label-display

$label-display: block !default;

Description

Display type for <label>s

mark-background-color

$mark-background-color: #ff0 !default;

Description

Background color for a <mark>

mark-color

$mark-color: #000 !default;

Description

Foreground color for a <mark>

small-font-size

$small-font-size: 80% !default;

Description

Font size for a <small> tag

sub-font-size

$sub-font-size: 75% !default;

Description

Font size for a tag

sub-bottom-offset

$sub-bottom-offset: -.25em !default;

Description

Offset from the typography grid for a tag

sup-font-size

$sup-font-size: 75% !default;

Description

Font size for <sup> tags

sup-top-offset

$sup-top-offset: -.5em !default;

Description

Offset from the typographic base grid for <sup> tags

layout

variables

base-spacing

$base-spacing: 2rem !default;

Description

Default spacing used throughout the rest of the docs

medium-screen

$medium-screen: 600px;

Description

Medium screen size

large-screen

$large-screen: 900px;

Description

Large screen size

medium-screen-up

$medium-screen-up: new-breakpoint(min-width $medium-screen 12);

Description

Medium screen media query. @include media($medium-screen-up) {}

large-screen-up

$large-screen-up: new-breakpoint(min-width $large-screen 12);

Description

Large screen media query. @include media($large-screen-up) {}