summaryrefslogtreecommitdiffstats
path: root/src/layouts/_card-view.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-26 18:13:16 +0200
committerVolpeon <git@volpeon.ink>2024-10-26 18:13:16 +0200
commit1c1a00c12c1be4989e28d6c3bf19b9139396250f (patch)
treea01d622427566c09b8d17517df87aa4cd4b6c31a /src/layouts/_card-view.scss
parentAdd media-view (diff)
downloadiro-design-1c1a00c12c1be4989e28d6c3bf19b9139396250f.tar.gz
iro-design-1c1a00c12c1be4989e28d6c3bf19b9139396250f.tar.bz2
iro-design-1c1a00c12c1be4989e28d6c3bf19b9139396250f.zip
Move lightbox thumbnail to own object
Diffstat (limited to 'src/layouts/_card-view.scss')
-rw-r--r--src/layouts/_card-view.scss18
1 files changed, 18 insertions, 0 deletions
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 @@
1@use 'sass:meta';
2@use 'iro-sass/src/bem';
3@use 'iro-sass/src/props';
4@use '../props' as *;
5
6@mixin styles {
7 @include bem.layout('card-view') {
8 display: flex;
9 flex-direction: column;
10 min-block-size: 100%;
11
12 @include bem.elem('footer') {
13 position: sticky;
14 inset-block-end: 0;
15 margin-block-start: auto;
16 }
17 }
18}