From 7b57289f6b86e4ee416008f1666deac0c0eabc76 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 5 Jul 2024 08:08:44 +0200 Subject: Fix lightbox --- src/_utils.scss | 46 ++++++++++++++++++++++++---------------------- 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; color: fn.color(--text-mute-more); } -@include iro.bem-utility('is-100') { - inline-size: 100%; -} - -@include iro.bem-utility('is-75') { - inline-size: 75%; -} - -@include iro.bem-utility('is-50') { - inline-size: 50%; -} - -@include iro.bem-utility('is-25') { - inline-size: 25%; -} - -@include iro.bem-utility('is-1px') { - inline-size: 1px; -} - -@include iro.bem-utility('is-0') { - inline-size: 0; +@each $dir, $prop in (is: inline-size, bs: block-size) { + @include iro.bem-utility('#{$dir}-100') { + #{$prop}: 100%; + } + + @include iro.bem-utility('#{$dir}-75') { + #{$prop}: 75%; + } + + @include iro.bem-utility('#{$dir}-50') { + #{$prop}: 50%; + } + + @include iro.bem-utility('#{$dir}-25') { + #{$prop}: 25%; + } + + @include iro.bem-utility('#{$dir}-1px') { + #{$prop}: 1px; + } + + @include iro.bem-utility('#{$dir}-0') { + #{$prop}: 0; + } } @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; 'thumbnails thumbnails thumbnails' 'footer footer footer'; box-sizing: border-box; - block-size: 100%; min-block-size: 0; @include iro.bem-elem('header') { -- cgit v1.2.3-54-g00ecf