Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/roberthgnz/bulma-css-class-completion

Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on Bulma CSS classes.
https://github.com/roberthgnz/bulma-css-class-completion

bulma css css-completion hacktoberfest project visual-studio-extension vscode

Last synced: about 2 months ago
JSON representation

Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on Bulma CSS classes.

Host: GitHub
URL: https://github.com/roberthgnz/bulma-css-class-completion
Owner: roberthgnz
License: mit
Created: 2021-09-08T23:13:13.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-03-20T21:54:48.000Z (6 months ago)
Last Synced: 2024-05-04T00:04:59.303Z (5 months ago)
Topics: bulma, css, css-completion, hacktoberfest, project, visual-studio-extension, vscode
Language: TypeScript
Homepage: https://marketplace.visualstudio.com/items?itemName=reliutg.bulma-css-class-completion
Size: 136 KB
Stars: 14
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

awesome - roberthgnz/bulma-css-class-completion - Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on Bulma CSS classes. (TypeScript)

README

        [![Marketplace](https://img.shields.io/visual-studio-marketplace/i/roberthgnz.bulma-css-class-completion)](https://marketplace.visualstudio.com/items?itemName=roberthgnz.bulma-css-class-completion)

[![Github](https://img.shields.io/github/stars/roberthgnz/bulma-css-class-completion?style=social)](https://github.com/roberthgnz/bulma-css-class-completion)

[![Twitter](https://img.shields.io/twitter/follow/roberthgnz?style=social)](https://twitter.com/roberthgnz)

[![buymeacoffee](https://img.shields.io/badge/buymeacoffee-%24-yellow)](https://www.buymeacoffee.com/eliut505)

# Bulma CSS Class Completion

Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on Bulma CSS classes.

![Screenshot from 2021-09-09 01-08-34](https://user-images.githubusercontent.com/63687573/132598216-e1a14965-1f5d-4e07-9ebc-b75bc076bfd5.png)

## Why use it?

Completion based on the parent class. Your workflow will be faster and you will avoid the headache of searching for all available classes.

If the attribute has a parent class like "card", it will suggest classes based on the parent, otherwise it will display the list of all available classes.

> 🚧 Work in progress (in low priority, contributions welcome!).