Skip to content
This repository has been archived by the owner on Dec 10, 2024. It is now read-only.

SVG symbols

Jump to bottom
Dieter Peirs edited this page Oct 18, 2016 · 4 revisions

Chopstick Boilerplate uses svg-symbols. More information about this technique can be found here.

Workflow

  • draw your icons in the _artwork/icons.sketch file
  • export as svg and put them in _artwork/symbols/
  • run gulp symbols or make sure the gulp watch is running
  • reference the symbol by using this snippet {% include atom.symbol.html value='icon-name' class='' %} (the class variable is optional and can be used for e.g. making icons bigger)
  • the svg will be included and the color and font size will adapt to the parent item
Clone this wiki locally