Idiomatic-CSS-Comments-Snippets
CSS and Sass style comments for Sublime Text
Details
Installs
- Total 10K
- Win 7K
- Mac 2K
- Linux 734
| Jul 27 | Jul 26 | Jul 25 | Jul 24 | Jul 23 | Jul 22 | Jul 21 | Jul 20 | Jul 19 | Jul 18 | Jul 17 | Jul 16 | Jul 15 | Jul 14 | Jul 13 | Jul 12 | Jul 11 | Jul 10 | Jul 9 | Jul 8 | Jul 7 | Jul 6 | Jul 5 | Jul 4 | Jul 3 | Jul 2 | Jul 1 | Jun 30 | Jun 29 | Jun 28 | Jun 27 | Jun 26 | Jun 25 | Jun 24 | Jun 23 | Jun 22 | Jun 21 | Jun 20 | Jun 19 | Jun 18 | Jun 17 | Jun 16 | Jun 15 | Jun 14 | Jun 13 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 1 | 0 | 1 | 1 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 1 | 1 | 1 | 0 | 1 | 1 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 1 | 0 | 0 |
| Mac | 0 | 0 | 1 | 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 |
| Linux | 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 | 0 | 1 | 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.