Beercss snippet for Visual studio code
Visual studio code plugin containing Beercss snippet. This plugin works in Html, Vue Html and Pug(Jade).
Feel free to let me know what else you want added via the issues
Suggestions, feedback and other comments welcome via @EvertonBuzzi on Twitter.
Installation (in 2 easy steps)
- Install plugin
- Press
F1, paste ext install beercss-snippet-0.0.1-vsix & then press enter (or)
- Goto extensions by pressing
Ctrl-Shift-X (Windows/Linux) or Cmd-Shift-X (Mac) & Search for Beercss, click on install
- Reload your editor
You are good to go
Usage
To use the Beercss snippets, open a HTML file, and start typing beer-, followed by pressing Ctrl+Space. A list of Beercss snippets will show up
Contribution guidelines
- Clone this repo
- To modify beercss templates, you can find the templates for each snippet under
../snippets/. These html templates must follow vs code snippet format.
- You can use a snippet generator to make your life easier at [snipet-generator.app] (https://snippet-generator.app/?description=Beercss+Toast&tabtrigger=toast&snippet=&mode=vscode)
- Send me a pull request
Changelog
See here
Documentation
Here are available live templates
Deploy new version
Login Site: https://marketplace.visualstudio.com/
User: Github login KicKerBNU
Url Deploy: https://marketplace.visualstudio.com/manage/publishers/evertonbuzzi
Only accept VSIX file format..
To generate the VSIX file: vsce package
To publish the new VSIX file: vsce publish
Beercss snippets
Beercss template
| Trigger |
Description |
| beer-$ |
Beercss master template |
Badge
| Trigger |
Description |
| beer-badge |
Beercss Badge |
| beer-badge-round |
Beercss Round Badge |
| beer-badge-circle |
Beercss Circle Badge |
| beer-badge-square |
Beercss Square Badge |
| beer-badge-border |
Beercss Border Badge |
| beer-badge-top |
Beercss Top Badge |
| beer-badge-border |
Beercss Left Top Badge |
| beer-badge-top |
Beercss Bottom Badge |
| beer-badge-left-top |
Beercss Left Top |
| Trigger |
Description |
| beer-button-border |
Beercss Button |
| beer-button-icon |
Beercss Button |
| beer-button-image |
Beercss Button |
| beer-button-round |
Beercss Button |
Card
| Trigger |
Description |
| beer-card |
Beercss Card |
| beer-card-border-round |
Beercss Card |
| beer-card-card-round |
Beercss Card |
Checkbox
| Trigger |
Description |
| beer-checkbox |
Beercss Checkbox |
Chip
| Trigger |
Description |
| beer-chip |
Beercss Chip |
Dropdown
| Trigger |
Description |
| beer-dropdown |
Beercss Dropdown |
Icon
| Trigger |
Description |
| beer-icon |
Beercss Icon |
| Trigger |
Description |
| beer-input |
Beercss Input |
List
| Trigger |
Description |
| beer-list |
Beercss List |
Loader
| Trigger |
Description |
| beer-loader |
Beercss Loader |
Modal
| Trigger |
Description |
| beer-modal |
Beercss Modal |
Nav
| Trigger |
Description |
| beer-nav |
Beercss Nav |
Radio
| Trigger |
Description |
| beer-radio |
Beercss Radio |
Row
| Trigger |
Description |
| beer-row |
Beercss Row |
Select
| Trigger |
Description |
| beer-select |
Beercss Select |
Switch
| Trigger |
Description |
| beer-switch |
Beercss Switch |
Table
| Trigger |
Description |
| beer-table |
Beercss Table |
Tab
| Trigger |
Description |
| beer-tab |
Beercss Tab |
Text Area
| Trigger |
Description |
| beer-textarea |
Beercss Textarea |
Toast
| Trigger |
Description |
| beer-toast |
Beercss Toast |
About Me
You can connect me with at linkedin @ https://www.linkedin.com/in/evertonbuzzi/
License
Beercss - Visual studio code plugin is open-sourced software licensed under the MIT license.
