https://github.com/rahgurung/css-structure-comment

🎨 Organise your CSS
https://github.com/rahgurung/css-structure-comment

snippets vscode-extension

Last synced: 7 days ago
JSON representation

🎨 Organise your CSS

• Host: GitHub
• URL: https://github.com/rahgurung/css-structure-comment
• Owner: rahgurung
• Created: 2022-04-09T12:50:18.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-04-09T13:30:43.000Z (almost 3 years ago)
• Last Synced: 2025-02-05T14:47:35.093Z (15 days ago)
• Topics: snippets, vscode-extension
• Homepage: https://marketplace.visualstudio.com/items?itemName=gurrrung.css-structure-comment
• Size: 377 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# css-structure-comment

A VS Code extension which helps you add better comments to your CSS.

## Motivation

This extension is aimed for people writing a lot of CSS because when a CSS class has a lot of CSS properties, it starts to get overwhelming to read it. This extension aims to organise your CSS inside the block into five different parts as given in gif below.

## How it looks

| Before      | After |

| ----------- | ----------- |

| ![before](assets/Before.png) | ![after](assets/After.png) |

## Usage

Just type `csc` in your CSS file and press `Enter`. 

![demo](assets/demo.gif)

## Development

Just open this repo in VSCode and press `F5` to fire the extension in new window.