beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Maywood: Add WC compatibility config and compilers.

Browse source
This commit is contained in:
Allan Cole 2019-10-30 19:09:49 -04:00
parent 54e889cf39
commit 8224466fa4
4 changed files with 104 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
maywood/package.json
View file

@ -36,7 +36,9 @@
"start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
"build:style": "node-sass sass/style-child-theme.scss style.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style.css",
"build:style-editor": "node-sass sass/style-child-theme-editor.scss style-editor.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-editor.css",
"build:woocommerce": "node-sass sass/style-child-theme-woocommerce.scss style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-woocommerce.css",
"build:rtl": "rtlcss style.css style-rtl.css",
"build:woocommerce-rtl": "rtlcss style-woocommerce.css style-woocommerce-rtl.css",
"build:print": "node-sass sass/print.scss print.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r print.css",
"build": "run-p \"build:*\"",
"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"

6
maywood/sass/_config-child-theme-deep.scss
View file

@ -92,6 +92,12 @@ $config-global: (
"light": #F7F7F7,
"dark": #AAAAAA,
),
"alert": (
"success": yellowgreen,
"info": skyblue,
"warning": gold,
"error": salmon,
),
"text-selection": lightblue,
"black": black,
"white": white,

55
maywood/sass/_config-child-theme-woocommerce.scss Normal file
View file

@ -0,0 +1,55 @@
/**
* Redefine Sass map values for child theme WooCommerce output.
*/
$config-woocommerce: (
/* Wrapper Width - accepts full, wide, or defuault */
"wrapper-width": default,
/* Tables */
"table": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 0,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "unit"),
),
/* Tabs */
"tabs": (
/* Borders */
"border": (
"color": map-deep-get($config-global, "color", "border", "default"),
"radius": 10px,
"width": 1px,
),
"padding": map-deep-get($config-global, "spacing", "horizontal"),
),
/* Mini cart */
"mini-cart": (
/* Color */
"color": (
"background": map-deep-get($config-global, "color", "background", "default"),
"border": map-deep-get($config-global, "color", "border", "dark"),
"text": map-deep-get($config-global, "color", "foreground", "default"),
"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
"count": map-deep-get($config-global, "color", "foreground", "light"),
),
/* Button */
"button": (
"color": map-deep-get($config-button, "color", "text"),
"background-color": map-deep-get($config-button, "color", "background"),
),
"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
),
/* Star Rating */
"star-rating": (
/* Color */
"color": map-deep-get($config-global, "color", "alert", "warning"),
),
);

41
maywood/sass/style-child-theme-woocommerce.scss Executable file
View file

@ -0,0 +1,41 @@
/**
* WooCommerce Styles
* - These styles should only be loaded when WooCommerce is active
*/
/**
* Abstracts
* - Functions and config
*/
@import "../../varia/sass/abstracts/functions";
@import "../../varia/sass/abstracts/config-global";
/**
* Child Theme Name Config
*/
@import "config-child-theme-deep";
/**
* WooCommerce Config
*/
@import "config-child-theme-woocommerce";
/**
* Varia Mixins
*/
@import "../../varia/sass/abstracts/mixins";
/**
* Varia Responsive Logic
*/
@import "../../varia/sass/abstracts/responsive-logic";
/**
* Varia Extends
*/
@import "../../varia/sass/base/extends";
/**
* WooCommerce Styles
*/
@import "../../varia/sass/vendors/woocommerce/style";