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:

``css // Label/Textbox Pairs // // All labelled textboxes should be included in a wrapper

 element for both layout
// convenience and specific styling.
//
// Markup:
// 
//     Text Label
//     
// 

//
// .disabled  - To be used when the text input inside is expected to be disabled.
// .invalid   - To be used if the input has failed a validation check.
// .valid     - To be used if the input has passed a validation check (intended for live validation in particular).
//
// Styleguide 2.1.2


will be converted into a sublime snippet file named kss_labeltextbox_pairs.sublime-snippet

`xml Text Label

]]>
  kss_labeltextbox_pairs
  Label/Textbox Pairs
  text.html


You can expand this snippet in Sublime in two ways:

- type kss (the configurable prefix) and Ctrl + Spaceto select one of the generate snippets. - typekss_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"]``