39 lines
1.4 KiB
SCSS
39 lines
1.4 KiB
SCSS
/**
|
|
* 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;
|
|
}
|