Skip to content

Instantly share code, notes, and snippets.

@csswizardry
Created December 22, 2014 12:31
Show Gist options
  • Save csswizardry/9e3c20d345e3a7742f8d to your computer and use it in GitHub Desktop.
Save csswizardry/9e3c20d345e3a7742f8d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
/**
* Accordion component with stateful naming.
*/
.accordion {
foo: bar;
&.is-open {
bar: baz;
}
}
/**
* Toggler with two selectors for
*
* a) being opened in isolation;
* b) reliant upon an open accordion.
*/
.toggler {
foo: bar;
&.is-open,
.accordion.is-open & {
bar: baz;
}
}
/**
* Accordion component with stateful naming.
*/
.accordion {
foo: bar;
}
.accordion.is-open {
bar: baz;
}
/**
* Toggler with two selectors for
*
* a) being opened in isolation;
* b) reliant upon an open accordion.
*/
.toggler {
foo: bar;
}
.toggler.is-open, .accordion.is-open .toggler {
bar: baz;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment