diff options
author | Volpeon <git@volpeon.ink> | 2024-12-10 11:40:28 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-12-10 11:40:28 +0100 |
commit | 2448ebfdef6a15549137cf42116168f467bae393 (patch) | |
tree | 770606867cdbc11a0d56777c77926504aa586ea1 /src/_common.vars.scss | |
parent | Update (diff) | |
download | furbase-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.scss | 79 |
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)); | ||