| { | |
| "mode": { | |
| "css": { | |
| "spacing": { | |
| "padding": 5 | |
| }, | |
| "dest": "./", | |
| "layout": "diagonal", | |
| "sprite": "img/sprite.svg", | |
| "bust": false, |
So this is a story, all about how, I want to sort something out in Shopify...
I know with catgories and tags, Shopify has filtering built in. E.g. if I want to look at Shirts tagged with Red, I can do:
http://shopurl.com/collections/shirts/red
That's fine. I also know if I want large shirts that are red, the URL would be
http://shopurl.com/collections/shirts/red+large
| /* | |
| This is the folder structure: | |
| gulpfile.js | |
| build/ | |
| bp/ | |
| sass/ | |
| sprite/ | |
| img/ |
| <h1>What would you do if i sang out of tune?</h1> |
| <h1>What would you do if i sang out of tune?</h1> |
| $ieSprite: '.lt-ie9' !default; | |
| $baseFontSize: 16px !default; // For em calc | |
| // Strips units from any number | |
| @function strip-units($number) { | |
| @return $number / ($number * 0 + 1); | |
| } | |
| // Converts px to ems |
| // Strips units from any number | |
| @function strip-units($number) { | |
| @return $number / ($number * 0 + 1); | |
| } | |
| // Converts px to ems | |
| @function em($px, $base: 16px) { | |
| @return (strip-units($px) / strip-units($base)) * 1em; | |
| } |
| { | |
| "title" : "Welcome to Issue #17", | |
| "intro_text" : "This issue features fun, frolics and even more articles from Hugo!", | |
| "featured" : [{ | |
| "image" : "http://s30.postimg.org/7j2cpmqr5/hero.jpg", | |
| "link" : "http://geek-rocket.de/frontend-development/scss-styleguide-with-bem-oocss-smacss/", | |
| "title" : "Scss-Styleguide with BEM, OOCSS & SMACSS", | |
| "text" : "Here's another great walk through of a Sass-y document styleguide and folder system." | |
| }], | |
| "content" : [{ |
| <div class="list">HELLO</div> | |
| <div class="sidebar"> | |
| <div class="list">HELLO</div> | |
| </div> |
| <div class="list">HELLO</div> | |
| <div class="sidebar"> | |
| <div class="list">HELLO</div> | |
| </div> |