_root.scss

base/_root.scss

@use "../abstracts" as *;

:root {

  --font-fallback-default: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  // generates the color custom properties
  @each $color, $shade-map in $default {
    @each $shade, $value in $shade-map {
      --#{$color}-#{$shade}: #{$value};
    }
  }
}

html {
  height: 100%;
  font-size: 100%;
  overflow-y: scroll;
}