From d07f664450ddaaebb44127a4bd057763d13d3f82 Mon Sep 17 00:00:00 2001 From: Feuerfuchs Date: Sun, 1 Nov 2020 20:55:14 +0100 Subject: Init --- src/bem-shortcodes.scss | 349 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 349 insertions(+) create mode 100644 src/bem-shortcodes.scss (limited to 'src/bem-shortcodes.scss') diff --git a/src/bem-shortcodes.scss b/src/bem-shortcodes.scss new file mode 100644 index 0000000..11abeed --- /dev/null +++ b/src/bem-shortcodes.scss @@ -0,0 +1,349 @@ +//// +/// 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; + } +} -- cgit v1.2.3-54-g00ecf