Generated by SassMeister.com.

input.scss

.parent {
    & .child { 
        color: red;
    }
}

.parent {
    .child {
        color: blue;
    }
}

.parent {
    &.child {
        color: yellow;
    }
}

output.css

.parent .child {
  color: red;
}

.parent .child {
  color: blue;
}

.parent.child {
  color: yellow;
}

settings.json

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