Added small container variant

2 files changed, 26 insertions, 1 deletions

diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 0ae68c1..05d99a8 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -24,5 +24,17 @@
                 @include bem.modifier('pad-b') {
                         padding-block: props.get(vars.$pad-b);
                 }
+
+                @each $mod, $pad-i, $pad-b in vars.$sizes {
+                        @include bem.modifier($mod) {
+                                @include bem.modifier('pad-i') {
+                                        padding-inline: props.get($pad-i);
+                                }
+
+                                @include bem.modifier('pad-b') {
+                                        padding-block: props.get($pad-b);
+                                }
+                        }
+                }
         }
 }
diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss
index 8f0cef6..8cb3afc 100644
--- a/src/layouts/_container.vars.scss
+++ b/src/layouts/_container.vars.scss
@@ -12,7 +12,7 @@ $fixed-sizes: (
         'fixed':     $fixed
 ) !default;
 
-$pad-i: props.def(--l-container--pad-i, props.get(core.$size--400)) !default;
+$pad-i: props.def(--l-container--pad-i, props.get(core.$size--600)) !default;
 $pad-b: props.def(--l-container--pad-b, props.get(core.$size--800)) !default;
 
 $pad-i--sm: props.def(--l-container--pad-i, props.get(core.$size--200), 'sm') !default;
@@ -20,3 +20,16 @@ $pad-b--sm: props.def(--l-container--pad-b, props.get(core.$size--600), 'sm') !d
 
 $pad-i--xs: props.def(--l-container--pad-i, props.get(core.$size--150), 'xs') !default;
 $pad-b--xs: props.def(--l-container--pad-b, props.get(core.$size--450), 'xs') !default;
+
+$sm--pad-i: props.def(--l-container--sm--pad-i, props.get(core.$size--300)) !default;
+$sm--pad-b: props.def(--l-container--sm--pad-b, props.get(core.$size--800)) !default;
+
+$sm--pad-i--sm: props.def(--l-container--sm--pad-i, props.get(core.$size--200), 'sm') !default;
+$sm--pad-b--sm: props.def(--l-container--sm--pad-b, props.get(core.$size--600), 'sm') !default;
+
+$sm--pad-i--xs: props.def(--l-container--sm--pad-i, props.get(core.$size--150), 'xs') !default;
+$sm--pad-b--xs: props.def(--l-container--sm--pad-b, props.get(core.$size--450), 'xs') !default;
+
+$sizes: (
+        'sm': $sm--pad-i $sm--pad-b,
+) !default;