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)); | ||
