lsp-css

CSS, LESS, and SCSS/SASS support for lsp-mode using vscode-css-languageserver-bin

Installation

From source

Clone this repository and lsp-mode to suitable paths, and add them to your load path:

(add-to-list 'load-path "<path to lsp-mode>")
(add-to-list 'load-path "<path to lsp-css>")

From MELPA

Install one of the available packages:

• lsp-css

Usage

Enabling lsp-css

(defun my-css-mode-setup ()
  (when (eq major-mode 'css-mode)
    ;; Only enable in strictly css-mode, not scss-mode (css-mode-hook
    ;; fires for scss-mode because scss-mode is derived from css-mode)
    (lsp-css-enable)))

(require 'lsp-css)
(add-hook 'css-mode-hook #'my-css-mode-setup)
(add-hook 'less-mode-hook #'lsp-less-enable)
(add-hook 'sass-mode-hook #'lsp-scss-enable)
(add-hook 'scss-mode-hook #'lsp-scss-enable)

You also need vscode-css-languageserver-bin installed and on your PATH.

npm i -g vscode-css-languageserver-bin

(sudo may be necessary depending on how you have npm setup)