Skip to main content

+inner-context

Prepend inner context to sub element of the component. It doesn't have to be registered.

It shouldn't be used in the root element of component, because the +context mixin is the better choise then.

+component('.btn')
  +register
    +element('i')    

  display: flex

  +______________________________
  +element('i')
    +default
      margin-right: 10px

    +inner-context('label +')
      margin-right: 0




.btn {
  display: flex;
}

.btn i {
  margin-right: 10px;
}

.btn label + i {
  margin-right: 0;
}