Rules
Layout patterns
Components
Pages
Toggle submenu
M2DM
Developer
Mixins
M2DM
Components
Forms
Atoms
Form element
Form field status
Form input
Form label
Form select
Checkbox
Input
Radio
RadioList
Search input
Select
Stylised Radio
Javascript
Currency input
Accordion
Breadcrumb
Card
Card Ticker
Javascript
Case study
Confetti Banner
Controls
Control button
Control icon
Cookie Statement
Javascript
CTA
CTA combo
Divider
Dropdown
Feature list
Footer
Header
Standard secondary navigation
Inverse secondary navigation
Minimal
Heroes
Brand Hero
Functional Hero
Editorial Hero
Hero sidekick
Two Column Hero
Icon
Loading
Meet the Team
Modal
Notice
Notification
Information
Attention
Success
Error
Javascript
Page Closer
Process diagrams
Loud process diagram
Process diagram
Process steps
Profile
Progress
Quote
Screamer
Statistics
Step card
Javascript
Step card list
Tabs
Text block
Totaliser
Trust components
Trust bar
Trust block
Trustpilot
Uploader
Video block
Calculator
Scroll to
Demo pages
Case Study
Container with aside
Homepage
Integration page
Developer
Dependencies
Breakpoints
Grids / columns
Helper functions
get-config
get-remaining-columns-width
get-var
Split string using a delimiter.
svg-icon
tshirt-to-index
Mixins
get-single-column-width
Utility classes
Alignment
Modifiers
Themes
Spacing
Fit content
Horizontal children
Responsive image
Rules
Typography
Responsive typography rules
Brand Heading
Paragraph Headings
Section Headings
Label
Lead Paragraph
Fonts
Stat
Gutters
Colors
Z-index
Functions
get-color
vspace
Layout patterns
Columns
Container with Aside
Equal columns
Equal grid
Page main
Grid 1-4-1
Grid 2-1
Page grid
Predefined grid classes
Pull column
Icons
Mixins
Description
Collection of mixins used across the library.
Subcategories
get-single-column-width
Usage
Usage example
No examples available.