Skip to content

Vim/Neovim CoC CSS class completion plugin

Notifications You must be signed in to change notification settings

Softmotions/coc-class-css

Repository files navigation

Vim/Neovim CoC CSS class selectors completion plugin

coc-class-css CoC is an autocompletion plugin of CSS/PostCSS/SCSS classes in HTML like markup.

screenshot

All you need is to configure root css files to start from.

Requirements

  • CoC vim plugin v0.0.80+
  • Watchman installed in order to update completion index when files changed.

Installation

:CocInstall coc-class-css

Configuration

Recommended way

Place a .coc-class-css.json file alongside of your package.json like this:

{
  "cssRoots": ["./src/index.css"],
  "classAttributes": ["class"]
}

Where cocRoots specifies css files to process. Local @import directives are supported as well.

CoC configuration options.

  • coc-class-css.languages List of file types for which this plugin will be activated. Default: ["html", "svelte", "vue"]
  • coc-class-css.cssRoots Initial set of css files.
  • coc-class-css.classAttributes List of class like HTML attributes to trigger autocompletion. Default: ["class"] Note: tailwindCSS.classAttributes is also taken into account.

Tips

For correct autocompletion for keywords with dashes it also recommended to setup b:coc_additional_keywords

autocmd FileType * let b:coc_additional_keywords = ["-"]