kss-node-sublime
Generate Sublime Text snippets from a directory of Knyle Style Sheets (KSS), "a documentation syntax for CSS".
Example
By running the kss-sublime command with default option this KSS comment:
/////////////// <">// </// </>// </////////)////
will be converted into a sublime snippet file named kss_labeltextbox_pairs.sublime-snippet
<![CDATA[<div class="mod-input text ${1:disabled},${2:invalid},${3:valid}"> <label>Text Label</label> <input type="text" value="Text Input"/></div>]]> kss_labeltextbox_pairs Label/Textbox Pairs text.html
You can expand this snippet in Sublime in two ways:
- type
kss
(the configurable prefix) andCtrl + Space
to select one of the generate snippets. - type
kss_labeltextbox_pairs
+tab
Installation
npm install -g kss-sublime
Usage
kss-sublime -i sourcedir -o destdir -p prefix
Options:
-i, --input dir Styleguide directory [required]
-o, --output dir Output directory [default: "~/Library/Application Support/Sublime Text 2/Packages/{prefix}"]
-p, --prefix Snippet tab trigger prefix [default: "kss"]