colours

variables

primary

$primary: #ffffff;

primary-font

$primary-font: #69707a;

secondary

$secondary: #69707a;

secondary-font

$secondary-font: #222324;

header-primary

$header-primary: #ed2224;

header-secondary

$header-secondary: #ffffff;

menu-border

$menu-border: #d3d6db;

menu-background

$menu-background: #f5f7fa;

menu-font

$menu-font: $secondary-font;

tag

$tag: #ff0000;

tag-font

$tag-font: #ffffff;

settings

variables

page-width

$page-width: 100%;

General

mixins

breakpoint-tablet

@mixin breakpoint-tablet() { ... }

Description

A mixin that generates our tablet breakpoint which starts at screen widths of 480px.

Parameters

None.

Content

This mixin allows extra content to be passed (through the @content directive).

breakpoint-desktop

@mixin breakpoint-desktop() { ... }

Description

A mixin that generates our desktop breakpoint which starts at screen widths of 980px.

Parameters

None.

Content

This mixin allows extra content to be passed (through the @content directive).

breakpoint-super-desktop

@mixin breakpoint-super-desktop() { ... }

Description

A mixin that generates our super-large breakpoint which starts at screen widths of 2048px.

Parameters

None.

Content

This mixin allows extra content to be passed (through the @content directive).