Generated by SassMeister.com.

input.scss

.menu {
    color: red;
    
    & > li {
        color: blue;
    }
}

.submenu {
    color: green;
}

markup.html

<ul class="menu">
    <li>
        Menu Item
        
        <ul class="submenu">
            <li>Sub menu item</li>
        </ul>
    </li>
</ul>

output.css

.menu {
  color: red;
}
.menu > li {
  color: blue;
}

.submenu {
  color: green;
}

settings.json

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