css-variables.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. // CSS4 Variables
  2. // Remember, you cannot use scss functions with css4 variables
  3. // All css4 variables must be fixed! Scss is a PRE processor
  4. // css4 variables are processed after scss!
  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;
  9. --color-background-dark: $color-background-dark;
  10. --color-background-darker: $color-background-darker;
  11. --color-primary: $color-primary;
  12. --color-primary-text: $color-primary-text;
  13. --color-primary-text-dark: $color-primary-text-dark;
  14. --color-primary-element: $color-primary-element;
  15. --color-primary-element-light: $color-primary-element-light;
  16. --color-error: $color-error;
  17. --color-warning: $color-warning;
  18. --color-success: $color-success;
  19. --color-text-maxcontrast: $color-text-maxcontrast;
  20. --color-text-light: $color-text-light;
  21. --color-text-lighter: $color-text-lighter;
  22. --image-logo: $image-logo;
  23. --image-login-background: $image-login-background;
  24. --color-loading-light: $color-loading-light;
  25. --color-loading-dark: $color-loading-dark;
  26. --color-box-shadow: $color-box-shadow;
  27. --color-border: $color-border;
  28. --color-border-dark: $color-border-dark;
  29. --border-radius: $border-radius;
  30. --border-radius-large: $border-radius-large;
  31. --border-radius-pill: $border-radius-pill;
  32. --font-face: $font-face;
  33. --animation-quick: $animation-quick;
  34. }