From 1b6563c5939a666fcbb7631ed14269c992f90e1e Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 26 Oct 2024 20:41:11 +0200 Subject: Remove card view --- src/_iro-design.scss | 1 - src/_utils.scss | 9 +++++++++ src/layouts/_card-view.scss | 18 ------------------ 3 files changed, 9 insertions(+), 19 deletions(-) delete mode 100644 src/layouts/_card-view.scss (limited to 'src') diff --git a/src/_iro-design.scss b/src/_iro-design.scss index 6698d76..3132199 100644 --- a/src/_iro-design.scss +++ b/src/_iro-design.scss @@ -32,7 +32,6 @@ $breakpoints: ( @forward 'layouts/media' as l-media--*; @forward 'layouts/overflow' as l-overflow--*; @forward 'layouts/split-view' as l-split-view--*; -@forward 'layouts/card-view' as l-card-view--*; @forward 'scopes/implicit' as s-implicit--*; @forward 'scopes/blockquotes' as s-blockquotes--*; diff --git a/src/_utils.scss b/src/_utils.scss index cdb2a32..62b5bfe 100644 --- a/src/_utils.scss +++ b/src/_utils.scss @@ -44,6 +44,10 @@ $-sizes: ( display: contents; } + @include bem.utility('d-flex') { + display: flex; + } + @include bem.utility('td-none') { text-decoration: none; } @@ -197,6 +201,11 @@ $-sizes: ( inset-block-start: 0; } + @include bem.utility('p-sticky-be') { + position: sticky; + inset-block-end: 0; + } + @each $dir, $suffix in $-dirs { @include bem.utility('m#{$dir}-auto') { margin#{$suffix}: auto; diff --git a/src/layouts/_card-view.scss b/src/layouts/_card-view.scss deleted file mode 100644 index f6e0ef1..0000000 --- a/src/layouts/_card-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('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; - } - } -} -- cgit v1.2.3-70-g09d2