Using Helper Mixins

Small mixins that can accomplish great things like help you embed videos responsively, use custom fonts, and calculate REM units like a boss.

yarn add @slateengine/slatesass @slateengine/slatesasskits

Embedded Media

Embed videos, iFrames, Objects and Embed elements responsively.

Media Queries

Use a simple short hand for setting responsive media queries, making your code a little more readable.

REM Calculator

No need for a calculator. Feed this mixin a pixel value and it will spit out rem units with an optional fallback.

Gradients

Gradients can be a real pain. Slate comes with seven mixins for common gradients, allowing you to quickly add them to your elements.

SVG

Use SVG Icons directly in your stylesheet without using Data URIS and recolour on demand with variables.