Skip to content

Instantly share code, notes, and snippets.

@umairhm
Created February 18, 2021 21:35
Show Gist options
  • Save umairhm/72d347fd34e16841e0768be5770b9968 to your computer and use it in GitHub Desktop.
Save umairhm/72d347fd34e16841e0768be5770b9968 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
@mixin some-component-a {
.some-component {
display: inline;
body[lang='fr'] & div {
display: flex;
}
& div {
display: block;
}
&__span {
display: inline-block;
}
}
}
html[brand="a"] {
@include some-component-a();
}
html[brand=a] .some-component {
display: inline;
}
body[lang=fr] html[brand=a] .some-component div {
display: flex;
}
html[brand=a] .some-component div {
display: block;
}
html[brand=a] .some-component__span {
display: inline-block;
}
{
"sass": {
"compiler": "dart-sass/1.26.11",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment