sass-site/source/code-snippets/example-if-parent-selector.liquid

27 lines
509 B
Plaintext
Raw Normal View History

2023-05-16 13:26:56 +02:00
{% codeExample 'if-parent-selector'%}
@mixin app-background($color) {
#{if(&, '&.app-background', '.app-background')} {
background-color: $color;
color: rgba(#fff, 0.75);
}
}
@include app-background(#036);
.sidebar {
@include app-background(#c6538c);
}
===
@mixin app-background($color)
#{if(&, '&.app-background', '.app-background')}
background-color: $color
color: rgba(#fff, 0.75)
@include app-background(#036)
.sidebar
@include app-background(#c6538c)
{% endcodeExample %}