Generated by SassMeister.com.

input.scss

.link {
    color: blue;
    text-decoration: underline;
    
    &.-secondary {
        color: green;
    }
    
    /* variant */
    &--button {
        background-color: blue;
        border: 0;
        display: inline-block;
        color: white;
        
        &.-outlined {
            border: 1px solid blue;
            background-color: transparent;
            color: blue;
        }
    }
}

output.css

.link {
  color: blue;
  text-decoration: underline;
  /* variant */
}
.link.-secondary {
  color: green;
}
.link--button {
  background-color: blue;
  border: 0;
  display: inline-block;
  color: white;
}
.link--button.-outlined {
  border: 1px solid blue;
  background-color: transparent;
  color: blue;
}

settings.json

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