colors

variables

colors

$colors: (
  prim_bg: #ffffff,             // white
  prim_text: rgba(0,0,0,0.8),   // dark gray
  prim_fg: #e8e8e8,             // light gray
  accent_bg: #0D47A1,           // dark blue
  highlight_bg: #EF6C00,        // amber
);

Description

Map of colors

Used by

functions

color

@function color($clr) { ... }

Description

Function to get colors from the color map

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$clr

The key in the colors map for the color you want.

Colornone

Example

Color Function

.test {
  content: "string-of-something";
  color: color(prim_text);
}

Requires

Used by

mixins

setBg

@mixin setBg() { ... }

Description

Mixin to output primary background color

Parameters

None.

Requires

placeholders

accentColor

%accentColor { ... }

Description

Placeholder for font color accent

Requires

General

functions

font

@function font() { ... }

Description

This function is important

Parameters

None.

testing

@function testing() { ... }

Description

A test function

Parameters

None.

placeholders

cf

%cf { ... }

Description

The friggin clearfix

variables

variable

$variable: 2em;

Description

A test variable

mixins

foobiz

@mixin foobiz($param: 'default') { ... }

Description

A test mixin

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$param

A string of some sort.

String'default'