Mixins

Mixins are created using the postcss-mixins plugin.

Breakpoint mixins

There are breakpoint mixins; they are very similar to the Bootstrap mixins. Breakpoints are defined in theme.json and are 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;
}