diff options
author | Volpeon <git@volpeon.ink> | 2024-12-09 18:48:23 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-12-09 18:48:23 +0100 |
commit | 99bc6e962af22ac9d343434f61aa24b286892466 (patch) | |
tree | 96ef2f5929528bd820905e401df536f93f1b9c8a /src/_common.vars.scss | |
parent | Init (diff) | |
download | furbase-design-2024-99bc6e962af22ac9d343434f61aa24b286892466.tar.gz furbase-design-2024-99bc6e962af22ac9d343434f61aa24b286892466.tar.bz2 furbase-design-2024-99bc6e962af22ac9d343434f61aa24b286892466.zip |
Update
Diffstat (limited to 'src/_common.vars.scss')
-rw-r--r-- | src/_common.vars.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/src/_common.vars.scss b/src/_common.vars.scss index 36008f9..47c32d5 100644 --- a/src/_common.vars.scss +++ b/src/_common.vars.scss | |||
@@ -2,7 +2,59 @@ | |||
2 | 2 | ||
3 | @use 'core'; | 3 | @use 'core'; |
4 | 4 | ||
5 | $vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000)); | ||
6 | $vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300)); | ||
7 | |||
5 | $wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --600)); | 8 | $wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --600)); |
6 | $wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800)); | 9 | $wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800)); |
7 | $wcfHeaderMenuLinkBackground: props.def(--wcfHeaderMenuLinkBackground, props.get(core.$theme, --base, --800)); | 10 | $wcfHeaderMenuLinkBackground: props.def(--wcfHeaderMenuLinkBackground, props.get(core.$theme, --base, --800)); |
8 | $wcfHeaderMenuLinkBackgroundActive: props.def(--wcfHeaderMenuLinkBackgroundActive, props.get(core.$theme, --base, --700)); | 11 | $wcfHeaderMenuLinkBackgroundActive: props.def(--wcfHeaderMenuLinkBackgroundActive, props.get(core.$theme, --base, --700)); |
12 | $wcfHeaderMenuDropdownBackground: props.def(--wcfHeaderMenuDropdownBackground, props.get(core.$theme, --base, --800)); | ||
13 | $wcfHeaderMenuDropdownBorder: props.def(--wcfHeaderMenuDropdownBorder, props.get(core.$theme, --base, --800)); | ||
14 | $wcfHeaderMenuDropdownBackgroundActive: props.def(--wcfHeaderMenuDropdownBackgroundActive, props.get(core.$theme, --base, --700)); | ||
15 | |||
16 | $wcfNavigationBackground: props.def(--wcfNavigationBackground, props.get(core.$theme, --base, --100)); | ||
17 | $wcfNavigationText: props.def(--wcfNavigationText, props.get(core.$theme, --base, --500)); | ||
18 | $wcfNavigationLink: props.def(--wcfNavigationLink, props.get(core.$theme, --base, --800)); | ||
19 | $wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$theme, --base, --800)); | ||
20 | |||
21 | $wcfContentBackground: props.def(--wcfContentBackground, props.get(core.$theme, --base, --75)); | ||
22 | |||
23 | $wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100)); | ||
24 | $wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800)); | ||
25 | |||
26 | $wcfFooterBackground: props.def(--wcfFooterBackground, props.get(core.$theme, --base, --700)); | ||
27 | $wcfFooterText: props.def(--wcfFooterText, props.get(core.$theme, --base, --100)); | ||
28 | $wcfFooterLink: props.def(--wcfFooterLink, props.get(core.$theme, --base, --75)); | ||
29 | $wcfFooterLinkActive: props.def(--wcfFooterLinkActive, props.get(core.$theme, --base, --75)); | ||
30 | |||
31 | $wcfFooterCopyrightBackground: props.def(--wcfFooterCopyrightBackground, props.get(core.$theme, --base, --800)); | ||
32 | $wcfFooterCopyrightText: props.def(--wcfFooterCopyrightText, props.get(core.$theme, --base, --75)); | ||
33 | $wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$theme, --base, --50)); | ||
34 | $wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50)); | ||
35 | |||
36 | $wcfSidebarBackground: props.def(--wcfSidebarBackground, transparent); | ||
37 | |||
38 | $wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200)); | ||
39 | $wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --200-text)); | ||
40 | $wcfButtonBackgroundActive: props.def(--wcfButtonBackgroundActive, props.get(core.$theme, --base, --500)); | ||
41 | $wcfButtonTextActive: props.def(--wcfButtonTextActive, props.get(core.$theme, --base, --500-text)); | ||
42 | |||
43 | $wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --base, --500)); | ||
44 | $wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --base, --500-text)); | ||
45 | $wcfButtonPrimaryBackgroundActive: props.def(--wcfButtonPrimaryBackgroundActive, props.get(core.$theme, --base, --800)); | ||
46 | $wcfButtonPrimaryTextActive: props.def(--wcfButtonTextBackgroundActive, props.get(core.$theme, --base, --800-text)); | ||
47 | |||
48 | $wcfBoxShadowCard: props.def(--wcfBoxShadowCard, none); | ||
49 | |||
50 | $wcfContentLink: props.def(--wcfContentLink, props.get($vlpnLink)); | ||
51 | $wcfContentLinkActive: props.def(--wcfContentLinkActive, props.get($vlpnLinkActive)); | ||
52 | |||
53 | $wcfSidebarLink: props.def(--wcfSidebarLink, props.get($vlpnLink)); | ||
54 | $wcfSidebarLinkActive: props.def(--wcfSidebarLinkActive, props.get($vlpnLinkActive)); | ||
55 | |||
56 | $wcfFooterBoxLink: props.def(--wcfFooterBoxLink, props.get($vlpnLink)); | ||
57 | $wcfFooterBoxLinkActive: props.def(--wcfFooterBoxLinkActive, props.get($vlpnLinkActive)); | ||
58 | |||
59 | $wcfTabularBoxHeadline: props.def(--wcfTabularBoxHeadline, props.get($vlpnLink)); | ||
60 | $wcfTabularBoxHeadlineActive: props.def(--wcfTabularBoxHeadlineActive, props.get($vlpnLinkActive)); | ||