From d946b22facd7e3be10ade14a5be19099c9932c4c Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 26 Oct 2024 16:10:35 +0200
Subject: Add media-view

---
 src/_iro-design.scss         |  1 +
 src/layouts/_media-view.scss | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 src/layouts/_media-view.scss

diff --git a/src/_iro-design.scss b/src/_iro-design.scss
index 199b19d..7f726da 100644
--- a/src/_iro-design.scss
+++ b/src/_iro-design.scss
@@ -32,6 +32,7 @@ $breakpoints: (
 @forward 'layouts/media' as l-media--*;
 @forward 'layouts/overflow' as l-overflow--*;
 @forward 'layouts/split-view' as l-split-view--*;
+@forward 'layouts/media-view' as l-media-view--*;
 
 @forward 'scopes/implicit' as s-implicit--*;
 @forward 'scopes/blockquotes' as s-blockquotes--*;
diff --git a/src/layouts/_media-view.scss b/src/layouts/_media-view.scss
new file mode 100644
index 0000000..2c53db6
--- /dev/null
+++ b/src/layouts/_media-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('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