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 (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-30T22:58:51.000Z (2 months ago)
• Last Synced: 2024-11-07T17:45:59.422Z (2 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: 142 KB
• Stars: 17
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • 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/reliutg.bulma-css-class-completion)](https://marketplace.visualstudio.com/items?itemName=reliutg.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!).