Added page type for art pieces

1 files changed, 38 insertions, 0 deletions

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);
+        }
+    }
+}