Mixins

Mixins are created using the postcss-mixins plugin.

Breakpoint mixins

There exists breakpoint mixins, they are very similar to the Bootstrap mixins. Breakpoints are defined in theme.json and read and added to the mixin automatically.

Example usage:

Create a min-width breakpoint

@mixin breakpoint-up sm {
  background-color: red;
}

Create a breakpoint between two breakpoints

@mixin breakpoint-between sm, md {
  background-color: red;
}