npm install kss-sublimeGenerate Sublime Text snippets from a directory of Knyle Style Sheets (KSS), "a documentation syntax for CSS".
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:
//
//
//
//
//
// .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
You can expand this snippet in Sublime in two ways:
- type
kss (the configurable prefix) and Ctrl + Space to select one of the generate snippets.
- type kss_labeltextbox_pairs + tabInstallation
npm install -g kss-sublime
Usage
`
kss-sublime -i sourcedir -o destdir -p prefixOptions:
-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"]
``