Breakpoints

Introduction

The breakpoints are based on the design system of the WFP.

Breakpoint mixins

The breakpoints are used in the following way:

// Example
@include breakpoint-up(md) {
  // Your styles here
}

The following mixins are available for use:

• breakpoint-up
• breakpoint-down
• breakpoint-between
• breakpoint-only

Reference

• Carbon Design System Grid