1 files changed, 349 insertions, 0 deletions

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;
+    }
+}