Spacing Helpers

Using rems and ems instead of pxs allows the page to grow naturally as users control their own font size

• SCSS
  • ems
  • rems

Unsure when to use relative units?

Unsure when to use relative units?

Explore the difference between ems and rems

Learn more

SCSS

ems

SCSS file imports

To use these styles in a Vue component SCSS, you’ll need:

@import '~@skyline/scss/src/core/UI.required';

em($pixels, $base);

Returns

Parameters

$pixels: <number>

$base: <number>

Default value:$base-font-size

rems

SCSS file imports

To use these styles in a Vue component SCSS, you’ll need:

@import '~@skyline/scss/src/core/UI.required';