# Fancy Comments :blossom:
<p><strong>Comment Your Css Like a Pro!!!</strong> :ok_hand: </p>
<p>Works for CSS, SCSS & SASS. </p>
<p>To <strong>trigger</strong> a comment put a <strong>c-</strong> followed by it's name, as shown below: :point_down:</p>
<img src="https://user-images.githubusercontent.com/29105876/62606139-37483e80-b904-11e9-9dac-93375d494d8c.gif" alt="Fancy Comments Preview" style="max-width:100%;">
<div>
<h2>Basic Comment</h2>
  <p><strong>trigger:</strong> c-basic <strong>tab</strong></p>
  <pre><code>/* Basic comment */
</code></pre>
</div>
<div>
<h2>Block Comment</h2>
  <p><strong>trigger:</strong> c-block <strong>tab</strong></p>
  <pre><code>/**
*
*  block comment
*
*/
</code></pre>
</div>
<h2>Section Header Comment</h2>
  <p><strong>trigger:</strong> c-header <strong>tab</strong></p>
  <pre><code>/*======================================
*            header comment            *
======================================*/
</code></pre>
</div>
<div>
<h2>Section Footer Comment</h2>
  <p><strong>trigger:</strong> c-footer <strong>tab</strong></p>
  <pre><code>/*==================  footer comment  ==================*/
</code></pre>
</div>
<div>
<h2>Section Comment</h2>
  <p><strong>trigger:</strong> c-section <strong>tab</strong></p>
<pre><span><span>/*</span>=============================================</span>
<span>*            Section comment block            *</span>
<span>=============================================<span>*/</span></span>
<br>
<br>
<p><span>/*</span>=====  End of Section comment block  ======<span>*/</span></p></pre>
</div>
<div>
<h2>Subsection Comment</h2>
  <p><strong>trigger:</strong> c-sub= <strong>tab</strong></p>
  <pre><code>/* comment
    ====================================================================== */
</code></pre>
</div>
<div>
<div>
<h2>Subsection dash Comment</h2>
<p><strong>trigger:</strong> c-sub- <strong>tab</strong></p>
  <pre><code>/***
*** comment
–––––––––––––––––––––––––––––––––––––––––––––––––– ***/
</code></pre>
</div>
<div>
<div>
<h2>Todo Comment</h2>
  <p><strong>trigger:</strong> c-todo <strong>tab</strong></p>
  <pre><code>/**

	# TODO:
	1: First todo 
	2: Second todo 
	3: Third todo 
 */
</code></pre>
</div>
<h2>Contributing</h2>
<p>The Following is a guide on how to contribute.</p>
<ol>
<li>Fork it!</li>
<li>Create your feature branch: <code>git checkout -b my-new-comment-style</code></li>
<li>Commit your changes: <code>git commit -m "Added new comment style..."</code></li>
<li>Push to the branch: <code>git push origin my-new-comment-style </code></li>
<li>Submit your pull request and wait :relaxed:.</li>
</ol>
<h2>LICENCE</h2>
<p><a href="https://dennohpeter.mit-license.org/" rel="nofollow">MIT License</a> © Dennis Peterson</p>