https://github.com/waynecz/watson-snippet

VSCode snippets for watson-scss
https://github.com/waynecz/watson-snippet

Last synced: 3 months ago
JSON representation

VSCode snippets for watson-scss

• Host: GitHub
• URL: https://github.com/waynecz/watson-snippet
• Owner: waynecz
• License: mit
• Created: 2019-02-17T13:31:05.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-17T14:27:37.000Z (over 7 years ago)
• Last Synced: 2025-01-08T11:30:09.005Z (over 1 year ago)
• Size: 167 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Watson-scss Snippet for .scss & .jsx & .tsx file

![Logo](./images/banner.png)

Search `watson` in vscode's store to install this extension

## React Snippets

Type the following text and press `enter` to insert the snippet.

| Snippet | Action                                                           |

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

| `blk`   | This will insert the snippet for `{...bem()}`                    |

| `ele`   | This will insert the snippet for `{...bem('::element')}`         |

| `mod`   | This will insert the snippet for `{...bem('::$1', { $$2: $2 })}` |

| `when`  | This will insert the snippet for `{...bem('::$1', { $2: $2 })}`  |

> See more at [react-bem-classname](https://github.com/waynecz/react-bem-classname)

## Sass Snippets

| Snippet | Action                                                       |

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

| `blk`   | This will insert the snippet for `@include block($1) {}`     |

| `ele`   | This will insert the snippet for `@include element($1) {}`   |

| `mod`   | This will insert the snippet for `@include modifier($1) {}`  |

| `when`  | This will insert the snippet for `@include when($1) {}`      |

| `pse`   | This will insert the snippet for `@include pseudo($1) {}`    |

| `attr`  | This will insert the snippet for `@include with-attr($1) {}` |

| `hv`    | This will insert the snippet for `&:hover {}`                |

> See more at [watson-scss](https://github.com/waynecz/watson)