diff options
Diffstat (limited to 'core/css/css-variables.scss')
-rw-r--r-- | core/css/css-variables.scss | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/core/css/css-variables.scss b/core/css/css-variables.scss new file mode 100644 index 00000000000..b1b7df3115f --- /dev/null +++ b/core/css/css-variables.scss @@ -0,0 +1,39 @@ +// CSS4 Variables +// Remember, you cannot use scss functions with css4 variables +// All css4 variables must be fixed! Scss is a PRE processor +// css4 variables are processed after scss! +:root { + --color-main-text: $color-main-text; + --color-main-background: $color-main-background; + + --color-background-dark: $color-background-dark; + --color-background-darker: $color-background-darker; + + --color-primary: $color-primary; + --color-primary-text: $color-primary-text; + --color-primary-text-dark: $color-primary-text-dark; + --color-primary-element: $color-primary-element; + --color-primary-element-light: $color-primary-element-light; + + --color-error: $color-error; + --color-warning: $color-warning; + --color-success: $color-success; + + --color-text-maxcontrast: $color-text-maxcontrast; + --color-text-light: $color-text-light; + --color-text-lighter: $color-text-lighter; + + --image-logo: $image-logo; + --image-login-background: $image-login-background; + + --color-loading-light: $color-loading-light; + --color-loading-dark: $color-loading-dark; + + --color-box-shadow: $color-box-shadow; + + --color-border: $color-border; + --color-border-dark: $color-border-dark; + --border-radius: $border-radius; + + --font-face: $font-face; +} |