Generated by SassMeister.com.

input.scss

//@use "sass:map";



// project
// $color--base: green;

// first settings

$color--base: red !default;
$color--hover: $color--base !default;

// second settings
$color--base: blue !default;
$color--hover: $color--base !default;


$color--hover: $color--base;

@mixin color ($c) {
    border-color: $c;
}

// actual application
.color {
    color: $color--base;
    background-color: $color--hover;
    @include color($color--base);
    @include color($color--hover);
}

output.css

.color {
  color: red;
  background-color: red;
  border-color: red;
  border-color: red;
}

settings.json

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