Generated by SassMeister.com.

browserslist

> 1%
last 2 versions

SassMeister-input.scss

// ----
// libsass (v3.5.4)
// ----

// Grayscale
@function gray($level) {
  @if $level == 0 {
    @return white;
  }
  @else if $level == 100 {
    @return black;
  }
  @else {
    @return darken(white, $level * 1%);;
  }
}

.example-1 {
  color: gray(0);
}

.example-2 {
  color: gray(44);
}

.example-3 {
  color: gray(100);
}

SassMeister-output.css

.example-1 {
  color: white;
}

.example-2 {
  color: #8f8f8f;
}

.example-3 {
  color: black;
}

settings.json

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