Brak opisu

_variables.scss 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. /**
  2. * WooCommerce CSS Variables
  3. */
  4. $woocommerce: #a46497 !default;
  5. $green: #7ad03a !default;
  6. $red: #a00 !default;
  7. $orange: #ffba00 !default;
  8. $blue: #2ea2cc !default;
  9. $primary: #a46497 !default; // Primary color for buttons (alt)
  10. $primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color bg
  11. $secondary: desaturate(lighten($primary, 40%), 21%) !default; // Secondary buttons
  12. $secondarytext: desaturate(darken($secondary, 60%), 21%) !default; // Text on secondary color bg
  13. $highlight: adjust-hue($primary, 150deg) !default; // Prices, In stock labels, sales flash
  14. $highlightext: desaturate(lighten($highlight, 50%), 18%) !default; // Text on highlight color bg
  15. $contentbg: #fff !default; // Content BG - Tabs (active state)
  16. $subtext: #767676 !default; // small, breadcrumbs etc
  17. // export vars as CSS vars
  18. :root {
  19. --woocommerce: #{$woocommerce};
  20. --wc-green: #{$green};
  21. --wc-red: #{$red};
  22. --wc-orange: #{$orange};
  23. --wc-blue: #{$blue};
  24. --wc-primary: #{$primary};
  25. --wc-primary-text: #{$primarytext};
  26. --wc-secondary: #{$secondary};
  27. --wc-secondary-text: #{$secondarytext};
  28. --wc-highlight: #{$highlight};
  29. --wc-highligh-text: #{$highlightext};
  30. --wc-content-bg: #{$contentbg};
  31. --wc-subtext: #{$subtext};
  32. }