Design Guide

Common Styles (CSS)

CSS

              
html {
font-size: 62.5% !important;
/* -> 10px , 1em , 1rem */
}

body {
font-size: 1.6rem; //16px
line-height: 1.4;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color
Emoji", "Segoe UI Emoji", "Segoe UI Symbol";s
}

              
            

Font sizing by Mixin (SCSS)

SCSS

              
$max: 36;
$offset: 1;
$unit: 'rem';

@mixin list-loop($className, $styleName) {
$i: 8;

@while $i <=$max { #{$className + $i} { #{$styleName}: #{($i / 10) + $unit}; } $i: $i+$offset; } } @include
  list-loop('.fs-', 'font-size' );