From 19dc20390327021b683ba6e8169588eec3dd8e72 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 22 Nov 2024 21:09:50 +0100
Subject: Add figures scope

---
 src/scopes/_figures.scss      | 19 +++++++++++++++++++
 src/scopes/_figures.vars.scss | 10 ++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 src/scopes/_figures.scss
 create mode 100644 src/scopes/_figures.vars.scss

(limited to 'src/scopes')

diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss
new file mode 100644
index 0000000..4da3c80
--- /dev/null
+++ b/src/scopes/_figures.scss
@@ -0,0 +1,19 @@
+@use 'sass:meta';
+@use 'iro-sass/src/bem';
+@use 'iro-sass/src/props';
+@use '../props' as *;
+
+@forward 'figures.vars';
+@use 'figures.vars' as vars;
+
+@mixin styles {
+    @include materialize-at-root(meta.module-variables('vars'));
+
+    @include bem.scope('figures') {
+        figcaption {
+            padding-block:    props.get(vars.$pad-b);
+            font-size:        props.get(vars.$font-size);
+            border-block-end: props.get(vars.$border-width) solid props.get(vars.$border-color);
+        }
+    }
+}
diff --git a/src/scopes/_figures.vars.scss b/src/scopes/_figures.vars.scss
new file mode 100644
index 0000000..5547c33
--- /dev/null
+++ b/src/scopes/_figures.vars.scss
@@ -0,0 +1,10 @@
+@use 'iro-sass/src/props';
+@use '../core.vars' as core;
+@use './implicit.vars' as implicit;
+
+$pad-b:        props.def(--s-figures--pad-b, props.get(core.$size--200)) !default;
+$border-width: props.def(--s-figures--border-width, props.get(core.$border-width--thick)) !default;
+$font-size:    props.def(--s-figures--font-size, props.get(core.$font-size--100)) !default;
+
+$text-color:   props.def(--s-figures--text-color, props.get(core.$theme, --text-mute), 'color') !default;
+$border-color: props.def(--s-figures--border-color, props.get(core.$theme, --border), 'color') !default;
-- 
cgit v1.2.3-70-g09d2