Home

• Mixins - Collection of BEM Mixins
  • Block - Creates block type selector
  • Element - Creates element type selector
  • Modifier - Creates modifier type selector
  • Relations - Relationship Mixins
    • at - Relates selector at modifier
    • duo - Relates same classed neighbour elements
    • with - Relates any neighbour elements
    • while - Creates one selector with several modifier classes
  • States - Element State Mixins
    • is - Addes state to selector
    • hover - Addes hover state to selector
    • focus - Addes focus state to selector
    • active - Addes active state to selector
    • checked - Addes checked state to selector
    • disabled - Addes disabled state to selector
    • readonly - Addes readonly state to selector
    • contenteditable - Addes contenteditable state to selector
  • Pseudo Element - Pseudo Class Mixins
    • first - Takes pseudo element of selector
    • last - Takes pseudo element of selector
    • even - Takes pseudo element of selector
    • odd - Takes pseudo element of selector
    • before - Creates pseudo element of selector
    • after - Creates pseudo element of selector
• Functions - Collection of helper functions
  • bem-index() - Returns first index of bem separator
  • get-block() - Returns bem block from string
  • is-block() - Checks if given string is block
  • is-element() - Checks if given string is element
  • is-modifier() - Checks if given string is modifier
  • math-min() - Returns smallest number from 2 numbers, or default
  • explode() - Returns list from string