Generated by SassMeister.com.

input.scss

$primary: #666666;
$secondary: #c9c9c9;
$accent: #006600;

.header {
  width: 100%;
  min-height: 100px;
  
  background-color: $primary;
  color: $secondary;
};

.main {
  font-size: 40px;
  text-align: center;
}

.content {
  height: 300px;
  background-color: $accent;
}

output.css

.header {
  width: 100%;
  min-height: 100px;
  background-color: #666666;
  color: #c9c9c9;
}

.main {
  font-size: 40px;
  text-align: center;
}

.content {
  height: 300px;
  background-color: #006600;
}

settings.json

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