General

variables

gray-dark

$gray-dark: #3c3d3d;

Description

Dark gray

Type

Color

gray

$gray: #555555;

Description

Gray

Type

Color

gray-light

$gray-light: #a2a3a3;

Description

Light gray

Type

Color

gray-head

$gray-head: #d5d5d5;

Description

Gray heading

Type

Color

gray-lighter

$gray-lighter: #efefef;

Description

Lighter gray

Type

Color

almost-white

$almost-white: #fdfdfd;

Description

Almost white

Type

Color

header-background-color

$header-background-color: #efefef;

Description

Header color

Type

Color

brand-blue

$brand-blue: #5091cd;

Description

Primary color

Type

Color

brand-blue-light

$brand-blue-light: #78aad8;

Description

Light Blue

Type

Color

brand-dark-blue

$brand-dark-blue: #295e8e;

Description

Dark Blue

Type

Color

brand-green

$brand-green: #70ad47;

Description

Brand green

Type

Color

brand-orange

$brand-orange: #ed7d31;

Description

Brand orange

Type

Color

brand-success

$brand-success: $brand-blue !default;

Description

Success color

Type

Color

brand-warning

$brand-warning: #ce2424;

Description

Warning color

Type

Color

brand-danger

$brand-danger: #3c3d3d;

Description

Danger color

Type

Color

brand-info

$brand-info: $gray-dark;

Description

Info message

Type

Color

default-font-color

$default-font-color: #333;

Description

Default Font Color

Type

Color

font-path

$font-path: "https://resources.sageworks.com/fonts/webfonts";

Description

Font path

font-serif

$font-serif: "aleo";

Description

Serif font

font

$font: "proxima-nova", helvetica, arial, sans-serif;

Description

Main font (sans-serif)

font-sc-osf

$font-sc-osf: "proxima-nova-sc-osf", arial, sans-serif;

Description

Old style figure font

font-thin

$font-thin: 100;

Description

Font thin

font-light

$font-light: 300;

Description

Font light

font-sbold

$font-sbold: 600;

Description

Font semi-bold

font-bold

$font-bold: 700;

Description

Font bold

font-xbold

$font-xbold: 800;

Description

Font extra bold

font-black

$font-black: 900;

Description

Font black

font-size-small

$font-size-small: 13px;

Description

Small font size

font-size

$font-size: 14px;

Description

Normal font size

font-size-base

$font-size-base: 15px;

Description

Base font size

font-size-medium

$font-size-medium: 18px;

Description

Medium font size

font-size-large

$font-size-large: 20px;

Description

Large font size

font-maximo

$font-maximo: 72px;

Description

Super big font size

line-height-base

$line-height-base: 1.25;

Description

Base line height

csss

// // Generate semantic grid columns with these mixins. @mixin make-container()

@css //
// Generate semantic grid columns with these mixins.

@mixin make-container()() { ... }