Generated by SassMeister.com.

input.scss

$size-vars: (
  "xx-small" :    .50,
  "x-small"  :    .70,  // 11px
  "small"    :    .75,  // 12px
  "medium"   :    .875, // 14px
  "normal"   :    1,    // 16px
  "x-normal" :    1.12, // 18px
  "big"      :    1.3,  // 21px
  "x-big"    :    1.8,  // 29px
  "xx-big"   :    2.5,  // 32px
  "huge"     :    3.75  // 60px
);

@function fs($font-size) {
  @return map-get($size-vars, $font-size) * 1rem;
}

h1 {
    font-size: fs(caca);
}













$font-size-big: 19px;
$font-size-default: 16px;
$font-size-small: 14px;


$font-size-h6: $font-size-default;
$font-size-h5: $font-size-h6;

h5 {
    font-size: $font-size-h5;
}

h6 {
    font-size: $font-size-h6;
}

output.css

h1 {
  font-size: 3.75rem;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 16px;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}