https://github.com/filipelinhares/css-comments

CSS/SASS Comments pattern
https://github.com/filipelinhares/css-comments

Last synced: 20 days ago
JSON representation

CSS/SASS Comments pattern

• Host: GitHub
• URL: https://github.com/filipelinhares/css-comments
• Owner: filipelinhares
• Created: 2015-05-03T03:23:42.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-09-14T13:11:46.000Z (over 9 years ago)
• Last Synced: 2024-12-05T21:21:21.300Z (3 months ago)
• Homepage:
• Size: 156 KB
• Stars: 2
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![CSS Comments](images/logo.png)

> CSS/SASS Comments pattern

## CSS

### Header of a section

ch `⇥` expand to:

```css

/* # =================================================================

   # My section title

   # ================================================================= */

```

### Subsection

cs `⇥` expand to:

```css

/* # My subsection title

   # ================================================================= */

```

### Divider

cd `⇥` expand to:

```css

/* # ========== My divider */

```

### Simple comment

c `⇥` expand to:

```css

/* # A simple declaration */

```

### Simple documentation with a detailed explanation

cdo `⇥` expand to:

```css

/*

== Tittle

-- Description

## Content

*/

```

## SASS

To the SASS are the same shotcurts but with SASS-like comments style.

## Snippets

- [atom-css-comments](https://github.com/filipelinhares/atom-css-comments)

- [sublime-css-comments](https://github.com/filipelinhares/sublime-css-comments)

- [vim-css-comments](https://github.com/filipelinhares/vim-css-comments)