summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/layouts/_container.scss25
-rw-r--r--src/objects/_button.scss2
2 files changed, 12 insertions, 15 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 52acfb8..d31a631 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -4,10 +4,11 @@
4@include iro.props-namespace('container') { 4@include iro.props-namespace('container') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --width: iro.fn-px-to-rem(620px), 7 --narrow-125: iro.fn-px-to-rem(800px),
8 --width-50: iro.fn-px-to-rem(320px), 8 --narrow: iro.fn-px-to-rem(600px),
9 --pad-x: fn.global-dim(--size --400), 9 --narrow-75: iro.fn-px-to-rem(400px),
10 --pad-y: fn.global-dim(--size --800), 10 --pad-x: fn.global-dim(--size --400),
11 --pad-y: fn.global-dim(--size --800),
11 ) 12 )
12 ), 'dims'); 13 ), 'dims');
13 14
@@ -19,16 +20,12 @@
19 ), 'sm'); 20 ), 'sm');
20 21
21 @include iro.bem-layout(iro.props-namespace()) { 22 @include iro.bem-layout(iro.props-namespace()) {
22 @include iro.bem-modifier('narrow') { 23 @each $size in 'narrow-125' 'narrow' 'narrow-75' {
23 max-width: fn.dim(--width); 24 @include iro.bem-modifier($size) {
24 margin-right: auto; 25 max-width: fn.dim(--#{$size});
25 margin-left: auto; 26 margin-right: auto;
26 } 27 margin-left: auto;
27 28 }
28 @include iro.bem-modifier('narrow-50') {
29 max-width: fn.dim(--width-50);
30 margin-right: auto;
31 margin-left: auto;
32 } 29 }
33 30
34 @include iro.bem-modifier('pad-x') { 31 @include iro.bem-modifier('pad-x') {
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 94711b7..f35bc50 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -143,7 +143,7 @@
143 143
144 @include button-variant('secondary'); 144 @include button-variant('secondary');
145 145
146 @each $mod in ('accent' 'primary') { 146 @each $mod in 'accent' 'primary' {
147 @include iro.bem-modifier($mod) { 147 @include iro.bem-modifier($mod) {
148 @include button-variant($mod); 148 @include button-variant($mod);
149 } 149 }