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;tag
$tag: #ff0000;tag-font
$tag-font: #ffffff;link-font
$link-font: #ff0000;link-hover
$link-hover: $secondary-font;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).