diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_badge.scss | 21 |
1 files changed, 15 insertions, 6 deletions
diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss index f24d2f8..0f73382 100644 --- a/src/objects/_badge.scss +++ b/src/objects/_badge.scss | |||
| @@ -14,6 +14,10 @@ | |||
| 14 | --pad-x: fn.px-to-em(6px), | 14 | --pad-x: fn.px-to-em(6px), |
| 15 | --pad-y: fn.px-to-em(2px), | 15 | --pad-y: fn.px-to-em(2px), |
| 16 | ), | 16 | ), |
| 17 | --300: ( | ||
| 18 | --pad-x: fn.px-to-em(10px), | ||
| 19 | --pad-y: fn.px-to-em(6px), | ||
| 20 | ), | ||
| 17 | 21 | ||
| 18 | --pill: ( | 22 | --pill: ( |
| 19 | --pad-x: fn.px-to-em(9px), | 23 | --pad-x: fn.px-to-em(9px), |
| @@ -21,6 +25,9 @@ | |||
| 21 | --200: ( | 25 | --200: ( |
| 22 | --pad-x: fn.px-to-em(10px), | 26 | --pad-x: fn.px-to-em(10px), |
| 23 | ), | 27 | ), |
| 28 | --300: ( | ||
| 29 | --pad-x: fn.px-to-em(16px), | ||
| 30 | ), | ||
| 24 | ), | 31 | ), |
| 25 | ), | 32 | ), |
| 26 | ), 'dims'); | 33 | ), 'dims'); |
| @@ -136,12 +143,14 @@ | |||
| 136 | border-radius: 10em; | 143 | border-radius: 10em; |
| 137 | } | 144 | } |
| 138 | 145 | ||
| 139 | @include iro.bem-modifier('200') { | 146 | @each $size in '200' '300' { |
| 140 | padding: fn.dim(--200 --pad-y) fn.dim(--200 --pad-x); | 147 | @include iro.bem-modifier($size) { |
| 141 | 148 | padding: fn.dim(--#{$size} --pad-y) fn.dim(--#{$size} --pad-x); | |
| 142 | @include iro.bem-modifier('pill') { | 149 | |
| 143 | padding-right: fn.dim(--pill --200 --pad-x); | 150 | @include iro.bem-modifier('pill') { |
| 144 | padding-left: fn.dim(--pill --200 --pad-x); | 151 | padding-right: fn.dim(--pill --#{$size} --pad-x); |
| 152 | padding-left: fn.dim(--pill --#{$size} --pad-x); | ||
| 153 | } | ||
| 145 | } | 154 | } |
| 146 | } | 155 | } |
| 147 | 156 | ||
