//// /// Shorter version of the bem-related mixins. Useful to reduce clutter. /// /// @group BEM shortcodes /// /// @access public //// /// /// @alias iro-bem-block /// @mixin block($name, $type: null) { @include iro-bem-block($name, $type: null) { @content; } } /// /// @alias block /// @mixin b($name, $type: null) { @include block($name, $type: null) { @content; } } /// /// @alias iro-bem-object /// @mixin object($name) { @include iro-bem-object($name) { @content; } } /// /// @alias object /// @mixin ob($name) { @include object($name) { @content; } } /// /// @alias iro-bem-component /// @mixin component($name) { @include iro-bem-component($name) { @content; } } /// /// @alias component /// @mixin cb($name) { @include component($name) { @content; } } /// /// @alias iro-bem-layout /// @mixin layout($name) { @include iro-bem-layout($name) { @content; } } /// /// @alias layout /// @mixin lb($name) { @include layout($name) { @content; } } /// /// @alias iro-bem-utility /// @mixin utility($name) { @include iro-bem-utility($name) { @content; } } /// /// @alias utility /// @mixin ub($name) { @include utility($name) { @content; } } /// /// @alias iro-bem-scope /// @mixin scope($name) { @include iro-bem-scope($name) { @content; } } /// /// @alias scope /// @mixin sb($name) { @include scope($name) { @content; } } /// /// @alias iro-bem-theme /// @mixin theme($name) { @include iro-bem-theme($name) { @content; } } /// /// @alias theme /// @mixin tb($name) { @include theme($name) { @content; } } /// /// @alias iro-bem-js /// @mixin js($name) { @include iro-bem-js($name) { @content; } } /// /// @alias iro-bem-qa /// @mixin qa($name) { @include iro-bem-qa($name) { @content; } } /// /// @alias iro-bem-hack /// @mixin hack($name) { @include iro-bem-hack($name) { @content; } } /// /// @alias iro-bem-composed-of /// @mixin composed-of($block, $blocks...) { @include iro-bem-composed-of($block, $blocks...) { @content; } } /// /// @alias composed-of /// @mixin co($block, $blocks...) { @include composed-of($block, $blocks...) { @content; } } /// /// @alias iro-bem-element /// @mixin element($name, $names...) { @include iro-bem-element($name, $names...) { @content; } } /// /// @alias element /// @mixin e($name, $names...) { @include element($name, $names...) { @content; } } /// /// @alias iro-bem-related-element /// @mixin related-element($sign, $name, $names...) { @include iro-bem-related-element($sign, $name, $names...) { @content; } } /// /// @alias related-element /// @mixin re($sign, $name, $names...) { @include related-element($sign, $name, $names...) { @content; } } /// /// @alias iro-bem-sibling-element /// @mixin sibling-element($name, $names...) { @include iro-bem-sibling-element($name, $names...) { @content; } } /// /// @alias sibling-element /// @mixin se($name, $names...) { @include sibling-element($name, $names...) { @content; } } /// /// @alias iro-bem-next-element /// @mixin next-element($name, $names...) { @include iro-bem-next-element($name, $names...) { @content; } } /// /// @alias next-element /// @mixin ne($name, $names...) { @include next-element($name, $names...) { @content; } } /// /// @alias iro-bem-next-twin-element /// @mixin next-twin-element { @include iro-bem-next-twin-element { @content; } } /// /// @alias next-twin-element /// @mixin te { @include next-twin-element { @content; } } /// /// @alias iro-bem-modifier /// @mixin modifier($name, $names...) { @include iro-bem-modifier($name, $names...) { @content; } } /// /// @alias modifier /// @mixin m($name, $names...) { @include modifier($name, $names...) { @content; } } /// /// @alias iro-bem-suffix /// @mixin suffix($name) { @include iro-bem-suffix($name) { @content; } } /// /// @alias suffix /// @mixin s($name) { @include suffix($name) { @content; } } /// /// @alias iro-bem-is /// @mixin is($state, $states...) { @include iro-bem-is($state, $states...) { @content; } } /// /// @alias iro-bem-has /// @mixin has($state, $states...) { @include iro-bem-has($state, $states...) { @content; } } /// /// @alias iro-bem-at-theme /// @mixin at-theme($name, $names...) { @include iro-bem-at-theme($name, $names...) { @content; } } /// /// @alias theme /// @mixin at($name, $names...) { @include at-theme($name, $names...) { @content; } } /// /// @alias iro-bem-multi /// @mixin multi($first, $others...) { @include iro-bem-multi($first, $others...) { @content; } }