Skip to content

Instantly share code, notes, and snippets.

@nex3
Created Feb 19, 2021
Embed
What would you like to do?
Generated by SassMeister.com.
@mixin some-component-a {
$component: ".some-component";
#{$component} {
display: inline;
}
body[lang='fr'] #{$component} div {
display: flex;
}
#{$component} div {
display: block;
}
#{$component}__span {
display: inline-block;
}
}
html[brand="a"] {
@include some-component-a();
}
html[brand=a] .some-component {
display: inline;
}
html[brand=a] body[lang=fr] .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