Skip to main content

+element

The mixin element is used to define the internal elements of the component and must be mentioned in the register section and then in the same order and in the same depth in the component code itself.

+component('button')
  +register
    +element('.icon')
      +element('> img')
    +element('.text')

  display: inline-block
  
  +____________________________
  +element('.icon')
    vertical-align: middle

    +____________________________
    +element('> img')
      width: 100%
    
  +____________________________
  +element('.text')
    font-size: 1.2em