- Good for multiple Stores with the same Theme, but different Theme settings: https://www.shopify.com/partners/blog/shopify-theme-styles-and-presets
- Develop SCSS: https://medium.com/@josephbergdoll/writing-sass-for-shopify-22c7568dd8f2
- Gulp Concat: https://ypereirareis.github.io/blog/2015/10/22/gulp-merge-less-sass-css/
https://chrome.google.com/webstore/detail/shopify-theme-inspector-f/fndnankcflemoafdeboboehphmiijkgp
To use liquid in scss and have SCSS-Compiling (so you get an error): http://www.codeshopify.com/blog_posts/using-gulp-for-sass-compilation-allows-for-sass-partials-with-liquid-tags
https://cheat.markdunkley.com/
Place scss files in /assets/scss/ and add numbers 01.global.scss.liquid
or 04.buttons.scss.liquid
to the filename, so you can control the order
assets/
- scss/
- 01.file.scss.liquid
- 02.file.scss.liquid
Go in theme folder and run:
yarn install
Concats all scss files from assets/scss/
to stylescss.scss.liquid
and put it into assets/
gulp scss
When you try to deploy the theme, you will get a error, that .scss
files are not allowed, so you have to convert them into .liquid
files. stylescss.scss.liquid
and then you can use theme setting variables as well.