├── CommentSnippets.gif
├── README.md
├── comment-block.sublime-snippet
├── comment-html-footer.sublime-snippet
├── comment-html-header.sublime-snippet
├── comment-html-section.sublime-snippet
├── comment-html.sublime-snippet
├── comment-python-block.sublime-snippet
├── comment-python-footer.sublime-snippet
├── comment-python-header.sublime-snippet
├── comment-python-section.sublime-snippet
├── comment-python-subsection.sublime-snippet
├── comment-python-todo.sublime-snippet
├── comment-python.sublime-snippet
├── comment-section-footer.sublime-snippet
├── comment-section-header.sublime-snippet
├── comment-section.sublime-snippet
├── comment-subsection.sublime-snippet
├── comment-todo.sublime-snippet
└── comment.sublime-snippet


/CommentSnippets.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hachesilva/subl-comment-snippets/5b431b2fdff55b23cab1f447c24e0f892e233f33/CommentSnippets.gif


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Comment-Snippets for Sublime Text
  2 | 
  3 | Several snippets to create some fancy PHP, CSS and HTML comments in [Sublime Text](http://www.sublimetext.com/).
  4 | 
  5 | Atom version here: https://atom.io/packages/section-comment-snippets
  6 | 
  7 | ![Comment Snippet Preview](CommentSnippets.gif)
  8 | 
  9 | ## Comments Examples
 10 | 
 11 | ### HTML Comments
 12 | 
 13 | #### HTML Section
 14 | 
 15 | Tab trigger: `comm-html-section` + `tab`
 16 | 
 17 | ```html
 18 | <!--========================================
 19 | =             Section comment              =
 20 | =========================================-->
 21 | 
 22 | 
 23 | <!--=====  End of Section comment  ======-->
 24 | ```
 25 | 
 26 | #### HTML Section header
 27 | 
 28 | Tab trigger: `comm-html-header` + `tab`
 29 | 
 30 | ```html
 31 | <!--========================================
 32 | =             Section comment              =
 33 | =========================================-->
 34 | ```
 35 | 
 36 | #### HTML Section footer
 37 | 
 38 | Tab trigger: `comm-html-footer` + `tab`
 39 | 
 40 | ```html
 41 | <!--=====  End of Section comment  ======-->
 42 | ```
 43 | 
 44 | #### HTML Comment
 45 | 
 46 | Tab trigger: `comm-html` + `tab`
 47 | 
 48 | ```html
 49 | <!-- html comment -->
 50 | ```
 51 | 
 52 | ### C-Style Comments
 53 | 
 54 | For languages supporting C-Style comments: PHP, CSS, Javascript, Java...
 55 | 
 56 | #### Section
 57 | 
 58 | Tab trigger: `comm-section` + `tab`
 59 | 
 60 | 
 61 | ```css
 62 | /*=============================================
 63 | =            Section comment block            =
 64 | =============================================*/
 65 | 
 66 | 
 67 | 
 68 | /*=====  End of Section comment block  ======*/
 69 | ```
 70 | 
 71 | #### Section Header
 72 | 
 73 | Tab trigger: `comm-section-header` + `tab`
 74 | 
 75 | ```css
 76 | /*=============================================
 77 | =            Section comment block            =
 78 | =============================================*/
 79 | ```
 80 | 
 81 | #### Section Footer
 82 | 
 83 | Tab trigger: `comm-section-footer` + `tab`
 84 | 
 85 | ```css
 86 | /*=====  End of Section comment block  ======*/
 87 | ```
 88 | 
 89 | #### Subsection
 90 | 
 91 | Tab trigger: `comm-subsection` + `tab`
 92 | 
 93 | ```css
 94 | /*----------  Subsection comment block  ----------*/
 95 | ```
 96 | 
 97 | 
 98 | #### Simple Comment
 99 | 
100 | Tab trigger: `comm` + `tab`
101 | 
102 | ```css
103 | /* Comment */
104 | ```
105 | 
106 | #### Block Comment
107 | 
108 | Tab trigger: `comm-block` + `tab`
109 | 
110 | ```css
111 | /**
112 |  *
113 |  * Block comment
114 |  *
115 |  */
116 | ```
117 | 
118 | #### Todo Comment
119 | 
120 | Tab trigger: `comm-todo` + `tab`
121 | 
122 | ```css
123 | /**
124 | 
125 |     TODO:
126 |     - First todo item
127 |     - Second todo item
128 | 
129 |  */
130 | ```
131 | 


--------------------------------------------------------------------------------
/comment-block.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | /**
 4 |  *
 5 |  * ${1:Block comment}
 6 |  *
 7 |  */
 8 | 
 9 | ]]></content>
10 | 	<tabTrigger>comm-block</tabTrigger>
11 | 	<description>Comment - Block style comment</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/comment-html-footer.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | <!--====  End of ${1:Section comment}  ====-->
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm-html-footer</tabTrigger>
7 | 	<description>Comment - HTML section footer</description>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/comment-html-header.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <!--======================${1/./=/g}
 4 | =            ${1:Section comment}            =
 5 | =======================${1/./=/g}-->
 6 | 
 7 | ]]></content>
 8 | 	<tabTrigger>comm-html-header</tabTrigger>
 9 | 	<description>Comment - HTML section header</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/comment-html-section.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <!--======================${1/./=/g}
 4 | =            ${1:Section comment}            =
 5 | =======================${1/./=/g}-->
 6 | 
 7 | $2
 8 | 
 9 | <!--====  End of ${1:Section comment}  ====-->
10 | 
11 | ]]></content>
12 | 	<tabTrigger>comm-html-section</tabTrigger>
13 | 	<description>Comment - HTML section</description>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/comment-html.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | <!-- ${1:html comment} -->
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm-html</tabTrigger>
7 | 	<description>Comment - HTML comment</description>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/comment-python-block.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | """
 4 | 
 5 |    ${1:Block comment}
 6 | 
 7 | """
 8 | 
 9 | ]]></content>
10 | 	<tabTrigger>comm-py-block</tabTrigger>
11 | 	<description>Comment - Block style Python comment</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/comment-python-footer.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | # ======  End of ${1:Section comment block}  =======
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm-py-footer</tabTrigger>
7 | 	<description>Comment - Section footer Python comment</description>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/comment-python-header.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | # ========================${1/./=/g}
 4 | # =           ${1:Section comment block}           =
 5 | # ========================${1/./=/g}
 6 | 
 7 | $2
 8 | 
 9 | ]]></content>
10 | 	<tabTrigger>comm-py-header</tabTrigger>
11 | 	<description>Comment - Section header Python comment</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/comment-python-section.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | # ========================${1/./=/g}
 4 | # =           ${1:Section comment block}           =
 5 | # ========================${1/./=/g}
 6 | 
 7 | $2
 8 | 
 9 | # ======  End of ${1:Section comment block}  =======
10 | 
11 | ]]></content>
12 | 	<tabTrigger>comm-py-section</tabTrigger>
13 | 	<description>Comment - Full section Python comment</description>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/comment-python-subsection.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | # -----------  ${1:Subsection comment block}  -----------
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm-py-subsection</tabTrigger>
7 | 	<description>Comment - Subsection Python comment</description>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/comment-python-todo.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | """
 4 | 
 5 | 	TODO:
 6 | 	- ${1:First todo item}
 7 | 	- ${2:Second todo item}
 8 | 
 9 | """
10 | 
11 | ]]></content>
12 | 	<tabTrigger>comm-py-todo</tabTrigger>
13 | 	<description>Comment - To-do Python list</description>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/comment-python.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | """ ${1:Comment} """
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm-py</tabTrigger>
7 | 	<description>Comment - Single-line Python comment</description>
8 | </snippet>


--------------------------------------------------------------------------------
/comment-section-footer.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | /*=====  End of ${1:Section comment block}  ======*/
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm-section-footer</tabTrigger>
7 | 	<description>Comment - Section footer comment</description>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/comment-section-header.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | /*========================${1/./=/g}
 4 | =            ${1:Section comment block}            =
 5 | ========================${1/./=/g}*/
 6 | 
 7 | $2
 8 | 
 9 | ]]></content>
10 | 	<tabTrigger>comm-section-header</tabTrigger>
11 | 	<description>Comment - Section header comment</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/comment-section.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | /*========================${1/./=/g}
 4 | =            ${1:Section comment block}            =
 5 | ========================${1/./=/g}*/
 6 | 
 7 | $2
 8 | 
 9 | /*=====  End of ${1:Section comment block}  ======*/
10 | 
11 | ]]></content>
12 | 	<tabTrigger>comm-section</tabTrigger>
13 | 	<description>Comment - Full section comment</description>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/comment-subsection.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | /*----------  ${1:Subsection comment block}  ----------*/
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm-subsection</tabTrigger>
7 | 	<description>Comment - Subsection comment</description>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/comment-todo.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | /**
 4 | 
 5 | 	TODO:
 6 | 	- ${1:First todo item}
 7 | 	- ${2:Second todo item}
 8 | 
 9 |  */
10 | 
11 | ]]></content>
12 | 	<tabTrigger>comm-todo</tabTrigger>
13 | 	<description>Comment - To-do list</description>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/comment.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 	<content><![CDATA[
3 | /* ${1:Comment} */
4 | 
5 | ]]></content>
6 | 	<tabTrigger>comm</tabTrigger>
7 | 	<description>Comment - Single-line block comment</description>
8 | </snippet>


--------------------------------------------------------------------------------