Generated by SassMeister.com.

input.scss

img, video {
    height: 200px;
    
    :host-context(.desktop) & {
        height: 300px;
    }
}

:host-context(.desktop) {
    img, video {
        height: 300px;
    }
}

output.css

img, video {
  height: 200px;
}
:host-context(.desktop) img, :host-context(.desktop) video {
  height: 300px;
}

:host-context(.desktop) img, :host-context(.desktop) video {
  height: 300px;
}

settings.json

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