From cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 12:27:09 +0200
Subject: Paths

---
 src/objects/_lightbox.vars.scss | 89 ++++++++++++++++++++++++++++++-----------
 1 file changed, 66 insertions(+), 23 deletions(-)

(limited to 'src/objects/_lightbox.vars.scss')

diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index 6fb84f7..dc9a2a1 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -1,37 +1,80 @@
-@use 'sass:map';
-@use 'sass:string';
-@use 'pkg:iro-sass/src/props';
-@use '../core.vars' as core;
+@use "sass:map";
+@use "sass:string";
+@use "pkg:iro-sass/props";
+@use "../core.vars" as core;
 
 $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default;
 
-$controls--pad-i:      props.def(--o-lightbox--controls--pad-i, props.get(core.$size--150)) !default;
-$controls--block-size: props.def(--o-lightbox--controls--block-size, props.get(core.$size--550)) !default;
+$controls--pad-i: props.def(--o-lightbox--controls--pad-i, props.get(core.$size--150)) !default;
+$controls--block-size: props.def(
+	--o-lightbox--controls--block-size,
+	props.get(core.$size--550)
+) !default;
 
-$controls--shadow-x:    props.def(--o-lightbox--controls--shadow-x, props.get(core.$shadow--l2--x)) !default;
-$controls--shadow-y:    props.def(--o-lightbox--controls--shadow-y, props.get(core.$shadow--l2--y)) !default;
-$controls--shadow-blur: props.def(--o-lightbox--controls--shadow-blur, props.get(core.$shadow--l2--blur)) !default;
-$controls--shadow-grow: props.def(--o-lightbox--controls--shadow-grow, props.get(core.$shadow--l2--grow)) !default;
+$controls--shadow-x: props.def(
+	--o-lightbox--controls--shadow-x,
+	props.get(core.$shadow--l2--x)
+) !default;
+$controls--shadow-y: props.def(
+	--o-lightbox--controls--shadow-y,
+	props.get(core.$shadow--l2--y)
+) !default;
+$controls--shadow-blur: props.def(
+	--o-lightbox--controls--shadow-blur,
+	props.get(core.$shadow--l2--blur)
+) !default;
+$controls--shadow-grow: props.def(
+	--o-lightbox--controls--shadow-grow,
+	props.get(core.$shadow--l2--grow)
+) !default;
 
-$thumbnail--width:           props.def(--o-lightbox--thumbnail--width, props.get(core.$size--600)) !default;
-$thumbnail--spacing:         props.def(--o-lightbox--thumbnail--spacing, props.get(core.$size--100)) !default;
-$thumbnail--active--width:   props.def(--o-lightbox--thumbnail--active--width, props.get(core.$size--1000)) !default;
-$thumbnail--active--spacing: props.def(--o-lightbox--thumbnail--active--spacing, props.get(core.$size--250)) !default;
+$thumbnail--width: props.def(--o-lightbox--thumbnail--width, props.get(core.$size--600)) !default;
+$thumbnail--spacing: props.def(
+	--o-lightbox--thumbnail--spacing,
+	props.get(core.$size--100)
+) !default;
+$thumbnail--active--width: props.def(
+	--o-lightbox--thumbnail--active--width,
+	props.get(core.$size--1000)
+) !default;
+$thumbnail--active--spacing: props.def(
+	--o-lightbox--thumbnail--active--spacing,
+	props.get(core.$size--250)
+) !default;
 
-$thumbnail--width--md:         props.def(--o-lightbox--thumbnail--width, props.get(core.$size--400), 'md') !default;
-$thumbnail--active--width--md: props.def(--o-lightbox--thumbnail--active--width, props.get(core.$size--600), 'md') !default;
+$thumbnail--width--md: props.def(
+	--o-lightbox--thumbnail--width,
+	props.get(core.$size--400),
+	"md"
+) !default;
+$thumbnail--active--width--md: props.def(
+	--o-lightbox--thumbnail--active--width,
+	props.get(core.$size--600),
+	"md"
+) !default;
 
-$controls--bg:           props.def(--o-lightbox--controls--bg, props.get(core.$transparent-colors, --black, --700), 'color') !default;
-$controls--shadow-color: props.def(--o-lightbox--controls--shadow-color, props.get(core.$transparent-colors, --black, --300), 'color') !default;
+$controls--bg: props.def(
+	--o-lightbox--controls--bg,
+	props.get(core.$transparent-colors, --black, --700),
+	"color"
+) !default;
+$controls--shadow-color: props.def(
+	--o-lightbox--controls--shadow-color,
+	props.get(core.$transparent-colors, --black, --300),
+	"color"
+) !default;
 
-$static-themes: props.def(--o-lightbox, (), 'color');
+$static-themes: props.def(--o-lightbox, (), "color");
 
 @each $theme in map.keys(props.get(core.$transparent-colors)) {
 	$lightbox-theme: --static-#{string.slice($theme, 3)};
 
-	$static-themes: props.merge($static-themes, (
-		$lightbox-theme: (
-			--text: props.get(core.$transparent-colors, $theme, --text),
+	$static-themes: props.merge(
+		$static-themes,
+		(
+			$lightbox-theme: (
+					--text: props.get(core.$transparent-colors, $theme, --text),
+				),
 		)
-	));
+	);
 }
-- 
cgit v1.3.1