diff options
| -rw-r--r-- | src/_utils.scss | 46 | ||||
| -rw-r--r-- | src/objects/_lightbox.scss | 1 |
2 files changed, 24 insertions, 23 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index b319c4b..66058aa 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
| @@ -123,28 +123,30 @@ $sizes: 0 10 50 75 100 125 200 400 700 800 !default; | |||
| 123 | color: fn.color(--text-mute-more); | 123 | color: fn.color(--text-mute-more); |
| 124 | } | 124 | } |
| 125 | 125 | ||
| 126 | @include iro.bem-utility('is-100') { | 126 | @each $dir, $prop in (is: inline-size, bs: block-size) { |
| 127 | inline-size: 100%; | 127 | @include iro.bem-utility('#{$dir}-100') { |
| 128 | } | 128 | #{$prop}: 100%; |
| 129 | 129 | } | |
| 130 | @include iro.bem-utility('is-75') { | 130 | |
| 131 | inline-size: 75%; | 131 | @include iro.bem-utility('#{$dir}-75') { |
| 132 | } | 132 | #{$prop}: 75%; |
| 133 | 133 | } | |
| 134 | @include iro.bem-utility('is-50') { | 134 | |
| 135 | inline-size: 50%; | 135 | @include iro.bem-utility('#{$dir}-50') { |
| 136 | } | 136 | #{$prop}: 50%; |
| 137 | 137 | } | |
| 138 | @include iro.bem-utility('is-25') { | 138 | |
| 139 | inline-size: 25%; | 139 | @include iro.bem-utility('#{$dir}-25') { |
| 140 | } | 140 | #{$prop}: 25%; |
| 141 | 141 | } | |
| 142 | @include iro.bem-utility('is-1px') { | 142 | |
| 143 | inline-size: 1px; | 143 | @include iro.bem-utility('#{$dir}-1px') { |
| 144 | } | 144 | #{$prop}: 1px; |
| 145 | 145 | } | |
| 146 | @include iro.bem-utility('is-0') { | 146 | |
| 147 | inline-size: 0; | 147 | @include iro.bem-utility('#{$dir}-0') { |
| 148 | #{$prop}: 0; | ||
| 149 | } | ||
| 148 | } | 150 | } |
| 149 | 151 | ||
| 150 | @include iro.bem-utility('elp') { | 152 | @include iro.bem-utility('elp') { |
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index 252e38a..8b51d4b 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -105,7 +105,6 @@ $static-themes: 'black' 'white' !default; | |||
| 105 | 'thumbnails thumbnails thumbnails' | 105 | 'thumbnails thumbnails thumbnails' |
| 106 | 'footer footer footer'; | 106 | 'footer footer footer'; |
| 107 | box-sizing: border-box; | 107 | box-sizing: border-box; |
| 108 | block-size: 100%; | ||
| 109 | min-block-size: 0; | 108 | min-block-size: 0; |
| 110 | 109 | ||
| 111 | @include iro.bem-elem('header') { | 110 | @include iro.bem-elem('header') { |
