From 1c1a00c12c1be4989e28d6c3bf19b9139396250f Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 26 Oct 2024 18:13:16 +0200 Subject: Move lightbox thumbnail to own object --- src/layouts/_card-view.scss | 18 ++++++++++++++++++ src/layouts/_media-view.scss | 18 ------------------ 2 files changed, 18 insertions(+), 18 deletions(-) create mode 100644 src/layouts/_card-view.scss delete mode 100644 src/layouts/_media-view.scss (limited to 'src/layouts') diff --git a/src/layouts/_card-view.scss b/src/layouts/_card-view.scss new file mode 100644 index 0000000..f6e0ef1 --- /dev/null +++ b/src/layouts/_card-view.scss @@ -0,0 +1,18 @@ +@use 'sass:meta'; +@use 'iro-sass/src/bem'; +@use 'iro-sass/src/props'; +@use '../props' as *; + +@mixin styles { + @include bem.layout('card-view') { + display: flex; + flex-direction: column; + min-block-size: 100%; + + @include bem.elem('footer') { + position: sticky; + inset-block-end: 0; + margin-block-start: auto; + } + } +} diff --git a/src/layouts/_media-view.scss b/src/layouts/_media-view.scss deleted file mode 100644 index 2c53db6..0000000 --- a/src/layouts/_media-view.scss +++ /dev/null @@ -1,18 +0,0 @@ -@use 'sass:meta'; -@use 'iro-sass/src/bem'; -@use 'iro-sass/src/props'; -@use '../props' as *; - -@mixin styles { - @include bem.layout('media-view') { - display: flex; - flex-direction: column; - min-block-size: 100%; - - @include bem.elem('footer') { - position: sticky; - inset-block-end: 0; - margin-block-start: auto; - } - } -} -- cgit v1.2.3-70-g09d2