Skip to main content

How to declare a very complex/special selector which you cannot do with classic mixins?

.component .element .add + .whatever ~ .you .can:not([do])The element you want to styleThe selector you want to insert
+component('.component')
  +register
    +element('.element')
      +spot-exception-element('.add + .whatever ~ .you')

  display: inline-flex

  +________________________
  +element('.element')
    position: relative

    +________________________
    +spot-exception-element('.add + .whatever ~ .you')
      display: inline-block





.component {
  display: inline-flex;
}

.component .element {
  position: relative;
}

.component .element .add + .whatever ~ .you {
  display: inline-block;
}

More info: +spot-exception-element, +element, +register, +component, separator +___