Link

Mixins

Primer Fluid includes a following useful mixins for writing custom styles for new pages.

Rem converter

The Rem converter mixin converts any value you have in px into rem which will scale that unit relative to the viewports size. It’s recommended that any use of px values in your CSS be converted to use rem when using Primer Fluid so elements will scale in proportion to each other.

Usage (SCSS)

.selector {
  width: rem(200px);
}

Output (CSS)

.selector {
  width: 12.5rem;
}