Gerillass 3.0.0 is out. One gradient mixin replaces two, and text-gradient takes its colours first, so read the migration guide before you upgrade.
Gerillass
v3.0.0Type: Mixin
@include escape-to-parent();
* You can call mixins with or without the gls- namespace (e.g. @include gls-escape-to-parent();).
The Escape to Parent Sass mixin allows you to escape to the parent element and use multiple class or id selectors with it. This makes it easy to control how the selected child elements respond in different cases.
Arguments
| Name | Type | Description |
|---|---|---|
$selector | string (quoted) | Accepts a value as a class or id selector. |
Note that you have to use a quoted string!
Examples
Call the mixin once for each case you want the element to respond to, and pass the matching argument each time.
.parent-element{
.element{
@include escape-to-parent(".smartphone"){
background-color: red;
}
@include escape-to-parent(".desktop"){
background-color: green;
}
}
}.smartphone.parent-element .element {
background-color: red;
}
.desktop.parent-element .element {
background-color: green;
}