Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jkcss-css-framework/jkcss-vscode-extension

VSCODE extension FOR JKCSS
https://github.com/jkcss-css-framework/jkcss-vscode-extension

css vscode vscode-extension vscode-snippets

Last synced: about 2 months ago
JSON representation

VSCODE extension FOR JKCSS

Awesome Lists containing this project

README

        

# VSCODE extension FOR JKCSS

## About

- This is development of VSCDE extension for JKCSS css framework

# How to Use

- start a html file
- between head tag type `jkcss`
- then auto automatically add the css link
- start to develop

# Documentation

| Class | Description |
| ------------- | ------------- |
| jkbtn jkbtn-blue | Blue color Button |
| jkbtn jkbtn-gray | Gray color Button |
| jkbtn jkbtn-green | Green color Button |
| jkbtn jkbtn-red | Red color Button |
| jkbtn jkbtn-yellow | Yellow color Button |
| jkbtn jkbtn-info | Light Blue color Button |

- outline Buttons

| Class | Description |
| ------------- | ------------- |
| jkbtn jkbtn-blue-outline | Blue color Outline Button |
| jkbtn jkbtn-gray-outline | Gray color Outline Button |
| jkbtn jkbtn-green-outline | Green color Outline Button |
| jkbtn jkbtn-red-outline | Red color Outline Button |
| jkbtn jkbtn-yellow-outline | Yellow color Outline Button |
| jkbtn jkbtn-info-outline | Light Blue color Outline Button |

- Typography

| Class | Description |
| ------------- | ------------- |
| jk-h1 | h1 JKCSS Heading |
| jk-h2 | h2.JKCSS Heading |
| jk-h3 | h3 JKCSS Heading |
| jk-h4 | h4 JKCSS Heading |
| jk-h5 | h5 JKCSS Heading |
| jk-h6 | h6 JKCSS Heading |
| jk-display-1 | JK Display 1 |
| jk-display-2 | JK Display 2 |
| jk-display-3 | JK Display 3 |
| jk-display-4 | JK Display 4 |
| jk-display-5 | JK Display 5 |
| jk-display-6 | JK Display 6 |

- layouts

| Class | Description |
| ------------- | ------------- |
| line | Row |
| rec-1 | Column 1 |
| rec-2 | Column 2 |
| rec-3 | Column 3 |
| rec-4 | Column 4 |
| rec-5 | Column 5 |
| rec-6 | Column 6 |
| rec-7 | Column 7 |
| rec-8 | Column 8 |
| rec-9 | Column 9 |
| rec-10 | Column 10 |
| rec-11 | Column 11 |
| rec-12 | Column 12 |

## Releases

### Version - v3.0.0 18 January 2024

- framework [JKCSS](https://jkcss-css-framework.github.io/JKCSS-Framework/site/content/docs/)
- Updating snippets
- adding all complete class of JKCSS Version - [3.0.0 16 January 2023](https://github.com/JKCSS-CSS-Framework/JKCSS-Framework)
- [VScode Marketplace](https://marketplace.visualstudio.com/items?itemName=JehanKandy.jkcss)

### Version - v2.0.0 01 January 2024

- framework [JKCSS](https://jkcss-css-framework.github.io/JKCSS-Framework/site/content/docs/)
- Updating snippets
- adding all complete class of JKCSS Version - [1.1.0 24 December 2023](https://github.com/JKCSS-CSS-Framework/JKCSS-Framework)
- [VScode Marketplace](https://marketplace.visualstudio.com/items?itemName=JehanKandy.jkcss)

### Version - v1.0.0 25 December 2023

- framework [JKCSS](https://jkcss-css-framework.github.io/JKCSS-Framework/site/content/docs/)
- Updating snippets
- adding all complete class of JKCSS Version - [1.1.0 24 December 2023](https://github.com/JKCSS-CSS-Framework/JKCSS-Framework)
- [VScode Marketplace](https://marketplace.visualstudio.com/items?itemName=JehanKandy.jkcss)

### Version - v1.0.0-Alpha1- 10 December 2023

- initial release

## Developers

JehanKandy (Founder/Developer)

- [JehanKandy](https://github.com/JehanKandy)

## Copyright and license

Copyright 2021–2023 [JehanKandy](https://github.com/JehanKandy). The JKCSS VScode extension Project released under the [MIT License](https://github.com/JKCSS-CSS-Framework/JKCSS-VSCODE-extension/blob/master/LICENSE)