|
3 | 3 | // All css4 variables must be fixed! Scss is a PRE processor |
4 | 4 | // css4 variables are processed after scss! |
5 | 5 | :root { |
6 | | - --color-main-text: $color-main-text; |
7 | | - --color-main-background: $color-main-background; |
8 | | - --color-main-background-translucent: $color-main-background-translucent; |
| 6 | + --color-main-text: #{$color-main-text}; |
| 7 | + --color-main-background: #{$color-main-background}; |
| 8 | + --color-main-background-translucent: #{$color-main-background-translucent}; |
9 | 9 |
|
10 | | - --color-background-hover: $color-background-hover; |
11 | | - --color-background-dark: $color-background-dark; |
12 | | - --color-background-darker: $color-background-darker; |
| 10 | + --color-background-hover: #{$color-background-hover}; |
| 11 | + --color-background-dark: #{$color-background-dark}; |
| 12 | + --color-background-darker: #{$color-background-darker}; |
13 | 13 |
|
14 | | - --color-placeholder-light: $color-placeholder-light; |
15 | | - --color-placeholder-dark: $color-placeholder-dark; |
| 14 | + --color-placeholder-light: #{$color-placeholder-light}; |
| 15 | + --color-placeholder-dark: #{$color-placeholder-dark}; |
16 | 16 |
|
17 | | - --color-primary: $color-primary; |
18 | | - --color-primary-light: $color-primary-light; |
19 | | - --color-primary-text: $color-primary-text; |
20 | | - --color-primary-text-dark: $color-primary-text-dark; |
21 | | - --color-primary-element: $color-primary-element; |
22 | | - --color-primary-element-light: $color-primary-element-light; |
| 17 | + --color-primary: #{$color-primary}; |
| 18 | + --color-primary-light: #{$color-primary-light}; |
| 19 | + --color-primary-text: #{$color-primary-text}; |
| 20 | + --color-primary-text-dark: #{$color-primary-text-dark}; |
| 21 | + --color-primary-element: #{$color-primary-element}; |
| 22 | + --color-primary-element-light: #{$color-primary-element-light}; |
23 | 23 |
|
24 | | - --color-error: $color-error; |
25 | | - --color-warning: $color-warning; |
26 | | - --color-success: $color-success; |
| 24 | + --color-error: #{$color-error}; |
| 25 | + --color-warning: #{$color-warning}; |
| 26 | + --color-success: #{$color-success}; |
27 | 27 |
|
28 | | - --color-text-maxcontrast: $color-text-maxcontrast; |
29 | | - --color-text-light: $color-main-text; |
30 | | - --color-text-lighter: $color-text-maxcontrast; |
| 28 | + --color-text-maxcontrast: #{$color-text-maxcontrast}; |
| 29 | + --color-text-light: #{$color-main-text}; |
| 30 | + --color-text-lighter: #{$color-text-maxcontrast}; |
31 | 31 |
|
32 | | - --image-logo: $image-logo; |
33 | | - --image-login-background: $image-login-background; |
34 | | - --image-logoheader: $image-logoheader; |
35 | | - --image-favicon: $image-favicon; |
| 32 | + --image-logo: #{$image-logo}; |
| 33 | + --image-login-background: #{$image-login-background}; |
| 34 | + --image-logoheader: #{$image-logoheader}; |
| 35 | + --image-favicon: #{$image-favicon}; |
36 | 36 |
|
37 | | - --color-loading-light: $color-loading-light; |
38 | | - --color-loading-dark: $color-loading-dark; |
| 37 | + --color-loading-light: #{$color-loading-light}; |
| 38 | + --color-loading-dark: #{$color-loading-dark}; |
39 | 39 |
|
40 | | - --color-box-shadow: $color-box-shadow; |
| 40 | + --color-box-shadow: #{$color-box-shadow}; |
41 | 41 |
|
42 | | - --color-border: $color-border; |
43 | | - --color-border-dark: $color-border-dark; |
44 | | - --border-radius: $border-radius; |
45 | | - --border-radius-large: $border-radius-large; |
46 | | - --border-radius-pill: $border-radius-pill; |
| 42 | + --color-border: #{$color-border}; |
| 43 | + --color-border-dark: #{$color-border-dark}; |
| 44 | + --border-radius: #{$border-radius}; |
| 45 | + --border-radius-large: #{$border-radius-large}; |
| 46 | + --border-radius-pill: #{$border-radius-pill}; |
47 | 47 |
|
48 | | - --font-face: $font-face; |
49 | | - --default-font-size: $default-font-size; |
| 48 | + --font-face: #{$font-face}; |
| 49 | + --default-font-size: #{$default-font-size}; |
50 | 50 |
|
51 | | - --default-line-height: $default-line-height; |
| 51 | + --default-line-height: #{$default-line-height}; |
52 | 52 |
|
53 | | - --animation-quick: $animation-quick; |
54 | | - --animation-slow: $animation-slow; |
| 53 | + --animation-quick: #{$animation-quick}; |
| 54 | + --animation-slow: #{$animation-slow}; |
55 | 55 |
|
56 | | - --header-height: $header-height; |
| 56 | + --header-height: #{$header-height}; |
57 | 57 | } |
0 commit comments