From 1b6563c5939a666fcbb7631ed14269c992f90e1e Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
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
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