Generated by SassMeister.com.

input.scss

h1, h2, h3, h4, h5, h6 {
    &.orange {
        color: orange;
    }
    
    &.darkgreen {
        color: dark-green;
    }

    &.lightgreen {
        color: light-green;
    }

    &.red {
        color: red;
    }

    &.blue {
        color: blue;
    }

    &.lightblue {
        color: light-blue;
    }
}

output.css

h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange {
  color: orange;
}
h1.darkgreen, h2.darkgreen, h3.darkgreen, h4.darkgreen, h5.darkgreen, h6.darkgreen {
  color: dark-green;
}
h1.lightgreen, h2.lightgreen, h3.lightgreen, h4.lightgreen, h5.lightgreen, h6.lightgreen {
  color: light-green;
}
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {
  color: red;
}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
  color: blue;
}
h1.lightblue, h2.lightblue, h3.lightblue, h4.lightblue, h5.lightblue, h6.lightblue {
  color: light-blue;
}

settings.json

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