/tile

Primary LanguageCSS

Create your own

  1. install gulp dependencies with npm install
  2. open ./svg/sketch/tile.sketch and add more artboards
  3. artboard name becomes tile name (make sure it's exportable as svg)
  4. make sure color is FF0000
  5. export svgs on `./svg/sketch/ folder
  6. now that's where magic happens: run gulp clean && gulp svg && gulp svg2 && gulp replace && gulp make, it will convert all svgs into an SCSS an file, with mixin included.
  7. test your new pattern with +tile(artboard-name, red, 10)
  8. do you have cool patterns to share? consider emailing me your sketch file so I can update with attribution