ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

CSS Comments

by brenopolanski ST2/ST3

CSS comments snippets for Sublime Text

Details

  • 2017.12.26.17.34.08
  • github.​com
  • github.​com
  • 2 months ago
  • 1 hour ago
  • 4 years ago

Installs

  • Total 13K
  • Win 9K
  • OS X 3K
  • Linux 1K
Feb 17 Feb 16 Feb 15 Feb 14 Feb 13 Feb 12 Feb 11 Feb 10 Feb 9 Feb 8 Feb 7 Feb 6 Feb 5 Feb 4 Feb 3 Feb 2 Feb 1 Jan 31 Jan 30 Jan 29 Jan 28 Jan 27 Jan 26 Jan 25 Jan 24 Jan 23 Jan 22 Jan 21 Jan 20 Jan 19 Jan 18 Jan 17 Jan 16 Jan 15 Jan 14 Jan 13 Jan 12 Jan 11 Jan 10 Jan 9 Jan 8 Jan 7 Jan 6 Jan 5 Jan 4 Jan 3
Windows 8 3 7 4 1 8 5 4 8 8 12 10 11 9 4 13 8 8 14 15 6 6 4 7 10 6 9 4 5 7 9 8 5 3 5 8 9 3 12 8 17 10 6 11 6 8
OS X 0 2 2 1 3 0 0 0 0 1 1 0 0 1 2 0 2 3 2 2 1 3 1 6 0 5 1 0 1 2 3 3 0 0 3 2 2 2 0 0 0 1 0 1 0 1
Linux 0 1 0 1 0 2 0 0 1 2 1 1 2 0 2 0 0 1 3 0 0 0 0 1 1 2 0 1 1 0 2 1 0 0 0 0 1 1 0 2 2 1 1 0 0 2

Readme

Source
raw.​githubusercontent.​com

CSS Comments snippets Build Status

CSS Comments snippets

CSS comments snippets for Sublime Text.

Well commented code is extremely important. Take time to describe components, how they work, their limitations, and the way they are constructed. Don't leave others in the team guessing as to the purpose of uncommon or non-obvious code.

Comment style should be simple and consistent within a single code base.

To install through Package Control, search for CSS Comments. If you still don't have Package Control in Sublime Text, go get it. If you insist to not install it, you can download the package and put it manually inside your Pacakages directory. It should work but will not update automatically.

Snippets

Works for CSS/LESS/Sass/SCSS/Stylus & PHP.

To trigger a comment just put a c- followed by it's name, like so:

image snippets

Basic Comment

trigger: c-basic⇥

/* Basic comment */

Long Comment

trigger: c-long⇥

/*
 * Long comment
 */

Section Comment

trigger: c-section⇥

/* ==========================================================================
   Section comment block
   ========================================================================== */

Sub-section Comment

trigger: c-subsection⇥

/* Sub-section comment block
   ========================================================================== */

Multiple Comment with TODO

trigger: c-multi⇥

/**
 * 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.
 */

Summary Comment

trigger: c-summary⇥

/**
 * Description: Short description.
 * Version: 1.0.0
 * Last update: YYYY/MM/DD
 * Author: User Name <username@gmail.com>
 *
 * Summary:
 *
 *    0. ELEMENT
 *        - 0.1. TYPE ELEMENT
 *        - 0.2. TYPE ELEMENT
 *    1. ELEMENT
 *        - 1.1. TYPE ELEMENT
 *        - 1.2. TYPE ELEMENT
 */

/* ==========================================================================
   0. ELEMENT
   ========================================================================== */

/* 0.1. TYPE ELEMENT
   ========================================================================== */

/* 0.2. TYPE ELEMENT
   ========================================================================== */

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m "Add some feature"
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :)

English is the universal language nowadays, so please don't create or comment on issues using another language.

History

For detailed changelog, see Releases.

Credits

Comment format based on Idiomatic CSS by Nicolas Gallagher.

License

MIT License © Breno Polanski