diff options
Diffstat (limited to 'src')
-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') { |