From 26c099aa807d8e67944f72be04a325f37da305d5 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 18 Jun 2022 00:04:21 +0200
Subject: Added page type for art pieces

---
 assets/css/components/_exhibit.scss | 38 +++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 assets/css/components/_exhibit.scss

(limited to 'assets/css/components/_exhibit.scss')

diff --git a/assets/css/components/_exhibit.scss b/assets/css/components/_exhibit.scss
new file mode 100644
index 0000000..96ed1ae
--- /dev/null
+++ b/assets/css/components/_exhibit.scss
@@ -0,0 +1,38 @@
+@use 'iro-sass/src/index' as iro;
+@use 'iro-design/src/functions' as fn;
+@use 'include-media/dist/include-media' as media;
+
+@include iro.props-namespace('exhibit') {
+    @include iro.props-store((
+        --dims: (
+            --height:  100vh,
+        )
+    ), 'dims');
+
+    @include iro.props-store((
+        --colors: (
+            --footer: (
+                --bg: fn.global-color(--bg-hi),
+            ),
+        )
+    ), 'colors');
+
+    @include iro.bem-component(iro.props-namespace()) {
+        display:             grid;
+        grid-template-rows:  1fr auto;
+        grid-template-areas: 'content' 'footer';
+        box-sizing:          border-box;
+        height:              fn.dim(--height);
+
+        @include iro.bem-elem('content') {
+            grid-area: content;
+            height:    auto;
+            overflow:  hidden;
+        }
+
+        @include iro.bem-elem('footer') {
+            grid-area:        footer;
+            background-color: fn.color(--footer --bg);
+        }
+    }
+}
-- 
cgit v1.2.3-54-g00ecf