Skip to content

Instantly share code, notes, and snippets.

@erikflowers
Last active August 29, 2015 14:26
Show Gist options
  • Save erikflowers/0c00be5cfdd8350a53bb to your computer and use it in GitHub Desktop.
Save erikflowers/0c00be5cfdd8350a53bb to your computer and use it in GitHub Desktop.
output template
// CSV goes in with name and hex
// The variables have a wrapper array.
// The Jade could just be a place where the variables are output wherever they appear in the template loop.
// This is where the list of glyphs goes for Less, inside that array container "wi-icon-glyphs"
@wi-icon-glyphs:
...,
...,
...;
// Last one ends in semicolon
// END LESS
// SASS pretty much same as less with slight changes to their syntax
// Sass variable list starts here, opens and closes with parentheses. Has a colon after name unlike Less
$wi-icon-glyphs: (
...,
...,
...,
)
// Ends with the parentheses
// END SASS
// Jade is really TBD as it's just the HTML, it may change if the design evolves, or I redo the bootstrap grid for it, etc
// Might just want to have it so I edit this template part for the wrapper class names
// I could edit the class 1234 in a template, or have your loop insert the name/hex wherever it's declared and the Jade can be whatever?
.__Class_1
.__Class_2 &#x__HEX__; 
.__Class_3 __Icon_Name
.__Class_4 (&#x__HEX__;)
//
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment