Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/antonk52/coc-cssmodules

css modules autocompletion and go to definition coc.nvim plugin
https://github.com/antonk52/coc-cssmodules

css-modules neovim vim

Last synced: 24 days ago
JSON representation

css modules autocompletion and go to definition coc.nvim plugin

Awesome Lists containing this project

README

        

# coc-cssmodules

[coc.nvim](https://github.com/neoclide/coc.nvim) plugin for `autocompletion` and `go-to-definition` functionality for css modules.

The supported languages are `css`(postcss), `sass` and `scss`. `styl` files are parsed as regular `css`.

## Installation

```
:CocInstall coc-cssmodules
```

## Settings

### Camel cased css class names

If you write kebab-case classes in css files, but want to get camelCase complete items, set following to true.

```json
{
"cssmodules.camelCase": true
}
```

### Options and transformation

You can set the `cssmodules.camelCase` option to `true`, `"dashes"` or `false`(default).

| Classname in css file | `true` | `dashes` | `false`(default) |
| --------------------- | ----------------- | --------------- | ----------------- |
| `.button` | `.button` | `.button` | `.button` |
| `.btn__icon--mod` | `.btnIconMod` | `.btn__iconMod` | `.btn__icon--mod` |

### hintName setting

You can change the hint name by setting it in the `coc-setting.json` file. Default is `cssmodules`

example

```json
{
"cssmodules.hintName": "cssmodules"
}
```

## Acknowledgments

This plugin was based on [vscode-css-modules plugin](https://github.com/clinyong/vscode-css-modules).