examples.md

// Sass (Vanilla)
.myElement {
  color: blue;
  display: none;
  
  .someParent.active & {
    display: block;
  }
}

// JavaScript (Lucid)
const myElement = ({ context }) => ({
  color: 'blue',
  display: context.someParent.active ? 'block' : 'none'
})

// Sass (Cell Atom)
@include module('myElement') {
  color: blue;
  @include display(('someParent', 'active'), block, none);
}

// Sass (Cell Molecule)
@include module('myElement') {
  color: blue;
  @include show('someParent', 'active');
}