diff options
author | Volpeon <git@volpeon.ink> | 2022-02-14 18:45:32 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-14 18:45:32 +0100 |
commit | 248a90eb5fe1f5fa624423b81d0b18df85fabe35 (patch) | |
tree | a6d112b0929f065ebf7ac6d2916550d6dc5ff469 /src/_utils.scss | |
parent | Adjusted spacings (diff) | |
download | iro-design-248a90eb5fe1f5fa624423b81d0b18df85fabe35.tar.gz iro-design-248a90eb5fe1f5fa624423b81d0b18df85fabe35.tar.bz2 iro-design-248a90eb5fe1f5fa624423b81d0b18df85fabe35.zip |
Restructured size variables
Diffstat (limited to 'src/_utils.scss')
-rw-r--r-- | src/_utils.scss | 16 |
1 files changed, 4 insertions, 12 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index 99c751c..89aabd2 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
@@ -39,13 +39,9 @@ $dirs: ( | |||
39 | margin#{$suffix}: auto; | 39 | margin#{$suffix}: auto; |
40 | } | 40 | } |
41 | 41 | ||
42 | @include iro.bem-utility('m#{$dir}-0') { | 42 | @each $size in (0 50 100) { |
43 | margin#{$suffix}: 0; | ||
44 | } | ||
45 | |||
46 | @each $size in ('xxs' 'xs' 'sm' 'md' 'lg' 'xl') { | ||
47 | @include iro.bem-utility('m#{$dir}-#{$size}') { | 43 | @include iro.bem-utility('m#{$dir}-#{$size}') { |
48 | margin#{$suffix}: fn.global-dim(--spacing --#{$size}); | 44 | margin#{$suffix}: fn.global-dim(--size --#{$size}); |
49 | } | 45 | } |
50 | } | 46 | } |
51 | } | 47 | } |
@@ -55,13 +51,9 @@ $dirs: ( | |||
55 | padding#{$suffix}: auto; | 51 | padding#{$suffix}: auto; |
56 | } | 52 | } |
57 | 53 | ||
58 | @include iro.bem-utility('p#{$dir}-0') { | 54 | @each $size in (0 50 100) { |
59 | padding#{$suffix}: 0; | ||
60 | } | ||
61 | |||
62 | @each $size in ('xxs' 'xs' 'sm' 'md' 'lg' 'xl') { | ||
63 | @include iro.bem-utility('p#{$dir}-#{$size}') { | 55 | @include iro.bem-utility('p#{$dir}-#{$size}') { |
64 | padding#{$suffix}: fn.global-dim(--spacing --#{$size}); | 56 | padding#{$suffix}: fn.global-dim(--size --#{$size}); |
65 | } | 57 | } |
66 | } | 58 | } |
67 | } | 59 | } |