From aeed08dc46662a0d70e04bcea612a701633736e7 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 13:00:59 +0200
Subject: Revert "Paths"

This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.
---
 src/objects/_thumbnail.vars.scss | 102 +++++++++++++--------------------------
 1 file changed, 34 insertions(+), 68 deletions(-)

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

diff --git a/src/objects/_thumbnail.vars.scss b/src/objects/_thumbnail.vars.scss
index 737a626..a5625fc 100644
--- a/src/objects/_thumbnail.vars.scss
+++ b/src/objects/_thumbnail.vars.scss
@@ -1,85 +1,51 @@
-@use "sass:map";
-@use "sass:string";
-@use "pkg:iro-sass/props";
-@use "../core.vars" as core;
-
-$size: props.def(--o-thumbnail--size, props.get(core.$size--900)) !default;
-$rounding: props.def(--o-thumbnail--rounding, props.get(core.$rounding--sm)) !default;
-$spacing: props.def(--o-thumbnail--spacing, props.get(core.$size--100)) !default;
+@use 'sass:map';
+@use 'sass:string';
+@use 'pkg:iro-sass/src/props';
+@use '../core.vars' as core;
+
+$size:         props.def(--o-thumbnail--size, props.get(core.$size--900)) !default;
+$rounding:     props.def(--o-thumbnail--rounding, props.get(core.$rounding--sm)) !default;
+$spacing:      props.def(--o-thumbnail--spacing, props.get(core.$size--100)) !default;
 $border-width: props.def(--o-thumbnail--border-width, props.get(core.$border-width--thin)) !default;
 
-$selected--border-width: props.def(
-	--o-thumbnail--selected--border-width,
-	props.get(core.$border-width--medium)
-) !default;
+$selected--border-width: props.def(--o-thumbnail--selected--border-width, props.get(core.$border-width--medium)) !default;
 
-$key-focus--border-width: props.def(
-	--o-thumbnail--key-focus--border-width,
-	props.get(core.$key-focus--border-width)
-) !default;
-$key-focus--border-offset: props.def(
-	--o-thumbnail--key-focus--border-offset,
-	props.get(core.$key-focus--border-offset)
-) !default;
-$key-focus--outline-width: props.def(
-	--o-thumbnail--key-focus--outline-width,
-	props.get(core.$key-focus--outline-width)
-) !default;
+$key-focus--border-width:  props.def(--o-thumbnail--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
+$key-focus--border-offset: props.def(--o-thumbnail--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
+$key-focus--outline-width: props.def(--o-thumbnail--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
 
-$border-color: props.def(
-	--o-thumbnail--border-color,
-	props.get(core.$theme, --border-strong),
-	"color"
-) !default;
+$border-color: props.def(--o-thumbnail--border-color, props.get(core.$theme, --border-strong), 'color') !default;
 
-$hover--border-color: props.def(
-	--o-thumbnail--hover--border-color,
-	props.get(core.$theme, --text-mute-more),
-	"color"
-) !default;
+$hover--border-color: props.def(--o-thumbnail--hover--border-color, props.get(core.$theme, --text-mute-more), 'color') !default;
 
-$selected--border-color: props.def(
-	--o-thumbnail--selected--border-color,
-	props.get(core.$theme, --heading),
-	"color"
-) !default;
+$selected--border-color: props.def(--o-thumbnail--selected--border-color, props.get(core.$theme, --heading), 'color') !default;
 
-$key-focus--border-color: props.def(
-	--o-thumbnail--key-focus--border-color,
-	props.get(core.$theme, --focus, --border),
-	"color"
-) !default;
-$key-focus--outline-color: props.def(
-	--o-thumbnail--key-focus--outline-color,
-	props.get(core.$theme, --focus, --outline),
-	"color"
-) !default;
+$key-focus--border-color:  props.def(--o-thumbnail--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
+$key-focus--outline-color: props.def(--o-thumbnail--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
 
-$size--md: props.def(--o-thumbnail--size, props.get(core.$size--600), "md") !default;
+$size--md: props.def(--o-thumbnail--size, props.get(core.$size--600), 'md') !default;
 
-$static-themes: props.def(--o-thumbnail, (), "color");
+$static-themes: props.def(--o-thumbnail, (), 'color');
 
 @each $theme in map.keys(props.get(core.$transparent-colors)) {
 	$thumbnail-theme: --static-#{string.slice($theme, 3)};
 
-	$static-themes: props.merge(
-		$static-themes,
-		(
-			$thumbnail-theme: (
-					--border: props.get(core.$transparent-colors, $theme, --400),
-					--hover: (
-							--border: props.get(core.$transparent-colors, $theme, --500),
-						),
+	$static-themes: props.merge($static-themes, (
+		$thumbnail-theme: (
+			--border: props.get(core.$transparent-colors, $theme, --400),
+
+			--hover: (
+				--border: props.get(core.$transparent-colors, $theme, --500),
+			),
 
-					--selected: (
-							--border: props.get(core.$transparent-colors, $theme, --900),
-						),
+			--selected: (
+				--border: props.get(core.$transparent-colors, $theme, --900),
+			),
 
-					--key-focus: (
-							--border: props.get(core.$transparent-colors, $theme, --900),
-							--outline: props.get(core.$transparent-colors, $theme, --300),
-						),
-				),
+			--key-focus: (
+				--border:  props.get(core.$transparent-colors, $theme, --900),
+				--outline: props.get(core.$transparent-colors, $theme, --300),
+			),
 		)
-	);
+	));
 }
-- 
cgit v1.3.1