https://github.com/wilfison/vscode-haml-bootstrap-snippets

HAML Bootstrap 4,5 Snippets for Vs Code
https://github.com/wilfison/vscode-haml-bootstrap-snippets

haml ruby ruby-on-rails snippets vscode-extension

Last synced: 3 months ago
JSON representation

HAML Bootstrap 4,5 Snippets for Vs Code

• Host: GitHub
• URL: https://github.com/wilfison/vscode-haml-bootstrap-snippets
• Owner: wilfison
• License: mit
• Created: 2023-07-22T23:18:42.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-12-08T19:56:39.000Z (over 1 year ago)
• Last Synced: 2025-03-23T09:33:18.903Z (over 1 year ago)
• Topics: haml, ruby, ruby-on-rails, snippets, vscode-extension
• Language: Haml
• Homepage: https://marketplace.visualstudio.com/items?itemName=wilfison.haml-boostrap
• Size: 3.21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
# HAML Bootstrap Snippets & Class Autocomplete for VS Code

![preview](https://github.com/wilfison/vscode-haml-bootstrap-snippets/raw/HEAD/images/preview.gif)

## How to use Snippets

| Version       | Prefix |

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

| bootstrap 4.x | bs4-   |

| bootstrap 5.x | bs5-   |

**Example**

bootstrap 5 button

```haml

-# bs5-button

%button.btn.btn-primary{type: 'button'}

  My Button

```

## CSS Class completion

Enable/disable CSS class completion in the settings.

```json

{

  "hamlBootstrap.enableCssClassCompletion": true

}

```

The current bootstrap version is determined by:

1. The version of the `bootstrap` package in the `node_modules` folder.

2. The version of the `bootstrap` gem in the `Gemfile.lock` file.

3. Latest version of the `bootstrap` package on CDN.