Idiomatic-CSS-Comments-Snippets
CSS and Sass style comments for Sublime Text
Details
Installs
- Total 10K
- Win 7K
- Mac 2K
- Linux 735
| Nov 21 | Nov 20 | Nov 19 | Nov 18 | Nov 17 | Nov 16 | Nov 15 | Nov 14 | Nov 13 | Nov 12 | Nov 11 | Nov 10 | Nov 9 | Nov 8 | Nov 7 | Nov 6 | Nov 5 | Nov 4 | Nov 3 | Nov 2 | Nov 1 | Oct 31 | Oct 30 | Oct 29 | Oct 28 | Oct 27 | Oct 26 | Oct 25 | Oct 24 | Oct 23 | Oct 22 | Oct 21 | Oct 20 | Oct 19 | Oct 18 | Oct 17 | Oct 16 | Oct 15 | Oct 14 | Oct 13 | Oct 12 | Oct 11 | Oct 10 | Oct 9 | Oct 8 | Oct 7 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 2 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 1 | 1 | 0 | 1 | 1 | 0 | 0 | 0 | 2 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 |
| Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 |
| Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
Idiomatic CSS Comments for Sublime Text
Idiomatic CSS style comments for Sublime Text. Comment format based on Idiomatic CSS by @necolas.
Thanks to @scottyeck there are Sass style comments also available.
Install
You can install via the Sublime Text Package Control (http://wbond.net/sublime_packages/package_control) and search for Idiomatic CSS Comments.
Usage
There are several shortcuts for the different comment blocks.
Basic Comment
Enter the shortcut com-basic followed by the tab key
/* This is a basic comment */
Section Comment
Enter the shortcut com-section followed by the tab key
/* ==========================================================================
This is a Section Comment
========================================================================== */
Sub-Section Comment
Enter the shortcut com-sub followed by the tab key
/*
This is a sub-section comment
========================================================================== */
Long Comment
Enter the shortcut com-long followed by the tab key
/**
* Short description using Doxygen-style comment format
*
* The first sentence of the long description starts here and continues on this
* line for a while finally concluding here at the end of this paragraph.
*
* The long description is ideal for more detailed explanations and
* documentation. It can include example HTML, URLs, or any other information
* that is deemed necessary or useful.
*
* @tag This is a tag named 'tag'
*
* TODO: This is a todo statement that describes an atomic task to be completed
* at a later date. It wraps after 80 characters and following lines are
* indented by 2 spaces.
*/
Todo List Comment
Enter the shortcut com-todo followed by the tab key
/**
* TODO:
*
* => Write some code
* => Make some lists
*
*/
Sass-style Comments
Each of the comment-types listed above can be rendered in the form of a Sass-style comment using the shortcuts listed below.
- Basic Comment (Sass) -
com-sass-basic - Section Comment (Sass) -
com-sass-section - Sub-Section Comment (Sass) -
com-sass-sub - Long Comment (Sass) -
com-sass-long - Todo List Comment (Sass) -
com-sass-todo
As before, each shortcut should be followed by the tab key.