| 123456789101112131415161718192021222324252627282930313233343536373839 |
- /**
- * WooCommerce CSS Variables
- */
- $woocommerce: #a46497 !default;
- $green: #7ad03a !default;
- $red: #a00 !default;
- $orange: #ffba00 !default;
- $blue: #2ea2cc !default;
- $primary: #a46497 !default; // Primary color for buttons (alt)
- $primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color bg
- $secondary: desaturate(lighten($primary, 40%), 21%) !default; // Secondary buttons
- $secondarytext: desaturate(darken($secondary, 60%), 21%) !default; // Text on secondary color bg
- $highlight: adjust-hue($primary, 150deg) !default; // Prices, In stock labels, sales flash
- $highlightext: desaturate(lighten($highlight, 50%), 18%) !default; // Text on highlight color bg
- $contentbg: #fff !default; // Content BG - Tabs (active state)
- $subtext: #767676 !default; // small, breadcrumbs etc
- // export vars as CSS vars
- :root {
- --woocommerce: #{$woocommerce};
- --wc-green: #{$green};
- --wc-red: #{$red};
- --wc-orange: #{$orange};
- --wc-blue: #{$blue};
- --wc-primary: #{$primary};
- --wc-primary-text: #{$primarytext};
- --wc-secondary: #{$secondary};
- --wc-secondary-text: #{$secondarytext};
- --wc-highlight: #{$highlight};
- --wc-highligh-text: #{$highlightext};
- --wc-content-bg: #{$contentbg};
- --wc-subtext: #{$subtext};
- }
|