summaryrefslogtreecommitdiffstats
path: root/src/_common.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-12-10 11:40:28 +0100
committerVolpeon <git@volpeon.ink>2024-12-10 11:40:28 +0100
commit2448ebfdef6a15549137cf42116168f467bae393 (patch)
tree770606867cdbc11a0d56777c77926504aa586ea1 /src/_common.vars.scss
parentUpdate (diff)
downloadfurbase-design-2024-2448ebfdef6a15549137cf42116168f467bae393.tar.gz
furbase-design-2024-2448ebfdef6a15549137cf42116168f467bae393.tar.bz2
furbase-design-2024-2448ebfdef6a15549137cf42116168f467bae393.zip
Refactoring
Diffstat (limited to 'src/_common.vars.scss')
-rw-r--r--src/_common.vars.scss79
1 files changed, 0 insertions, 79 deletions
diff --git a/src/_common.vars.scss b/src/_common.vars.scss
deleted file mode 100644
index d01b17a..0000000
--- a/src/_common.vars.scss
+++ /dev/null
@@ -1,79 +0,0 @@
1@use 'iro-sass/src/props';
2
3@use 'core';
4
5$vlpnBg: props.def(--vlpnBg, props.get(core.$theme, --base, --75));
6
7$vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000));
8$vlpnLinkUnderline: props.def(--vlpnLinkUnderline, props.get(core.$theme, --red, --400));
9$vlpnLinkFg: props.def(--vlpnLinkFg, props.get(core.$theme, --red, --1000-text));
10$vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300));
11$vlpnLinkActiveFg: props.def(--vlpnLinkActiveFg, props.get(core.$theme, --red, --1300-text));
12
13$vlpnSmileySize: props.def(--vlpnSmileySize, 28px);
14
15$wcfFontSizeHeadline: props.def(--wcfFontSizeHeadline, 16px);
16
17$wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --700));
18$wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800));
19$wcfHeaderMenuLinkBackground: props.def(--wcfHeaderMenuLinkBackground, props.get(core.$theme, --base, --800));
20$wcfHeaderMenuLinkBackgroundActive: props.def(--wcfHeaderMenuLinkBackgroundActive, props.get(core.$theme, --base, --700));
21$wcfHeaderMenuDropdownBackground: props.def(--wcfHeaderMenuDropdownBackground, props.get(core.$theme, --base, --800));
22$wcfHeaderMenuDropdownBorder: props.def(--wcfHeaderMenuDropdownBorder, props.get(core.$theme, --base, --800));
23$wcfHeaderMenuDropdownBackgroundActive: props.def(--wcfHeaderMenuDropdownBackgroundActive, props.get(core.$theme, --base, --700));
24
25$wcfNavigationBackground: props.def(--wcfNavigationBackground, props.get(core.$theme, --base, --100));
26$wcfNavigationText: props.def(--wcfNavigationText, props.get(core.$theme, --base, --500));
27$wcfNavigationLink: props.def(--wcfNavigationLink, props.get(core.$theme, --base, --800));
28$wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$theme, --base, --800));
29
30$wcfContentBackground: props.def(--wcfContentBackground, rgb(242, 242, 242));
31$wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner));
32$wcfContentDimmedText: props.def(--wcfContentDimmedText, rgba(0, 0, 0, .6));
33$wcfContentDimmedLink: props.def(--wcfContentDimmedLink, rgba(0, 0, 0, .6));
34
35$wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100));
36$wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800));
37$wcfFooterBoxHeadlineText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --900));
38
39$wcfFooterBackground: props.def(--wcfFooterBackground, props.get(core.$theme, --base, --700));
40$wcfFooterText: props.def(--wcfFooterText, props.get(core.$theme, --base, --100));
41$wcfFooterLink: props.def(--wcfFooterLink, props.get(core.$theme, --base, --75));
42$wcfFooterLinkActive: props.def(--wcfFooterLinkActive, props.get(core.$theme, --base, --75));
43
44$wcfFooterCopyrightBackground: props.def(--wcfFooterCopyrightBackground, props.get(core.$theme, --base, --800));
45$wcfFooterCopyrightText: props.def(--wcfFooterCopyrightText, props.get(core.$theme, --base, --75));
46$wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$theme, --base, --50));
47$wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50));
48
49$wcfSidebarBackground: props.def(--wcfSidebarBackground, $wcfContentBackground);
50$wcfSidebarDimmedText: props.def(--wcfSidebarDimmedText, props.get($wcfContentDimmedText));
51
52$wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --100));
53$wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --100-text));
54$wcfButtonBackgroundActive: props.def(--wcfButtonBackgroundActive, props.get(core.$theme, --base, --500));
55$wcfButtonTextActive: props.def(--wcfButtonTextActive, props.get(core.$theme, --base, --500-text));
56
57$wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --red, --800));
58$wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --red, --800-text));
59$wcfButtonPrimaryBackgroundActive: props.def(--wcfButtonPrimaryBackgroundActive, props.get(core.$theme, --red, --1200));
60$wcfButtonPrimaryTextActive: props.def(--wcfButtonTextBackgroundActive, props.get(core.$theme, --red, --1200-text));
61
62$wcfBoxShadowCard: props.def(--wcfBoxShadowCard, none);
63
64$wcfContentContainerBorder: props.def(--wcfContentContainerBorder, var(--wcfContentContainerBackground));
65
66$wcfContentLink: props.def(--wcfContentLink, props.get($vlpnLink));
67$wcfContentLinkActive: props.def(--wcfContentLinkActive, props.get($vlpnLinkActive));
68
69$wcfSidebarLink: props.def(--wcfSidebarLink, props.get($vlpnLink));
70$wcfSidebarLinkActive: props.def(--wcfSidebarLinkActive, props.get($vlpnLinkActive));
71
72$wcfFooterBoxLink: props.def(--wcfFooterBoxLink, props.get($vlpnLink));
73$wcfFooterBoxLinkActive: props.def(--wcfFooterBoxLinkActive, props.get($vlpnLinkActive));
74
75$wcfTabularBoxHeadline: props.def(--wcfTabularBoxHeadline, props.get($vlpnLink));
76$wcfTabularBoxHeadlineActive: props.def(--wcfTabularBoxHeadlineActive, props.get($vlpnLinkActive));
77
78$wcfStatusInfoBackground: props.def(--wcfStatusInfoBackground, props.get(core.$theme, --blue, --200));
79$wcfStatusInfoText: props.def(--wcfStatusInfoText, props.get(core.$theme, --blue, --1200));