From 42020fe7bc2a4b37c40add6a80d118324b7e47bb Mon Sep 17 00:00:00 2001 From: hfcRed Date: Sun, 25 Jan 2026 17:03:15 +0100 Subject: [PATCH] Add spacing calculations --- app/styles/vars.css | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/app/styles/vars.css b/app/styles/vars.css index dfdf68939..2cb53cca6 100644 --- a/app/styles/vars.css +++ b/app/styles/vars.css @@ -211,20 +211,20 @@ html { /* Tokens used for spacings */ - --s-0-5: 0.125rem; - --s-1: 0.25rem; - --s-1-5: 0.375rem; - --s-2: 0.5rem; - --s-3: 0.75rem; - --s-4: 1rem; - --s-5: 1.25rem; - --s-6: 1.5rem; - --s-8: 2rem; - --s-10: 2.5rem; - --s-12: 3rem; - --s-16: 4rem; - --s-24: 6rem; - --s-32: 8rem; + --s-0-5: calc(var(--_size-spacing) * 0.5 * 0.25rem); + --s-1: calc(var(--_size-spacing) * 1 * 0.25rem); + --s-1-5: calc(var(--_size-spacing) * 1.5 * 0.25rem); + --s-2: calc(var(--_size-spacing) * 2 * 0.25rem); + --s-3: calc(var(--_size-spacing) * 3 * 0.25rem); + --s-4: calc(var(--_size-spacing) * 4 * 0.25rem); + --s-5: calc(var(--_size-spacing) * 5 * 0.25rem); + --s-6: calc(var(--_size-spacing) * 6 * 0.25rem); + --s-8: calc(var(--_size-spacing) * 8 * 0.25rem); + --s-10: calc(var(--_size-spacing) * 10 * 0.25rem); + --s-12: calc(var(--_size-spacing) * 12 * 0.25rem); + --s-16: calc(var(--_size-spacing) * 16 * 0.25rem); + --s-24: calc(var(--_size-spacing) * 24 * 0.25rem); + --s-32: calc(var(--_size-spacing) * 32 * 0.25rem); /* Tokens used to define layout dimensions