https://github.com/jdrupal-dev/css-vars.nvim

Neovim plugin for css variable autocompletion
https://github.com/jdrupal-dev/css-vars.nvim

css-variables neovim-plugin

Last synced: about 2 months ago
JSON representation

Neovim plugin for css variable autocompletion

• Host: GitHub
• URL: https://github.com/jdrupal-dev/css-vars.nvim
• Owner: jdrupal-dev
• License: mit
• Created: 2024-03-14T15:43:49.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T09:45:33.000Z (7 months ago)
• Last Synced: 2024-06-12T14:42:58.311Z (7 months ago)
• Topics: css-variables, neovim-plugin
• Language: Lua
• Homepage:
• Size: 8.79 KB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# css-vars.nvim

**css-vars.nvim** - _autocompletion of CSS variables_

## :lock: Requirements

- [ripgrep](https://github.com/BurntSushi/ripgrep) (needs to be installed on your machine)

## :package: Installation

Install this plugin as a dependency to `hrsh7th/nvim-cmp`.

Default configuration can be found in `lua/css-vars/default_config.lua`.

### [lazy.nvim](https://github.com/folke/lazy.nvim)

```lua

{

  "hrsh7th/nvim-cmp",

  dependencies = {

    -- other dependencies...

    {

      "jdrupal-dev/css-vars.nvim",

      opts = {

        -- If you use CSS-in-JS, you can add the autocompletion to JS/TS files.

        cmp_filetypes = { "javascript", "javascriptreact", "typescript", "typescriptreact" },

        -- WARNING: The search is not optimized to look for variables in JS files.

        -- If you change the search_extensions you might get false positives and weird completion results.

        search_extensions = { ".js", ".ts", ".jsx", ".tsx" }

      },

    },

  },

  config = function()

     cmp.setup({

      -- Sources for autocompletion.

      sources = cmp.config.sources({

        { name = "nvim_lsp" },

        { name = "css_vars" },

        -- other sources...

      }),

    })

    -- more configuration...

  end

}

```

## :rocket: Features

This plugin scans your project for css vars using `ripgrep` and sets up the `css_vars`

completion source upon opening neovim.

If you add new CSS variables, you need to restart neovim for them to show in nvim-cmp.