803511c771
css-mode's built-in completion is superior in Emacs 26+. The company-capf backend will take advantage of it.
53 lines
1.6 KiB
EmacsLisp
53 lines
1.6 KiB
EmacsLisp
;;; lang/web/+css.el -*- lexical-binding: t; -*-
|
|
|
|
;; css-mode hooks apply to scss and less-css modes
|
|
(add-hook 'css-mode-hook #'rainbow-delimiters-mode)
|
|
(add-hook! (css-mode sass-mode stylus-mode)
|
|
#'(yas-minor-mode-on flycheck-mode highlight-numbers-mode))
|
|
|
|
;; An improved newline+continue comment function
|
|
(setq-hook! css-mode comment-indent-function #'+css/comment-indent-new-line)
|
|
|
|
(after! smartparens
|
|
(sp-with-modes '(css-mode scss-mode less-css-mode stylus-mode)
|
|
(sp-local-pair "/*" "*/" :post-handlers '(("||\n[i]" "RET") ("| " "SPC")))))
|
|
|
|
(map! :map* (css-mode-map scss-mode-map less-css-mode-map)
|
|
:n "M-R" #'+css/web-refresh-browser
|
|
(:localleader
|
|
:n "rb" #'+css/toggle-inline-or-block))
|
|
|
|
|
|
;;
|
|
;; Packages
|
|
;;
|
|
|
|
(def-package! counsel-css
|
|
:when (featurep! :completion ivy)
|
|
:commands (counsel-css counsel-css-imenu-setup)
|
|
:hook (css-mode . counsel-css-imenu-setup)
|
|
:init
|
|
(map! :map* (css-mode-map scss-mode-map less-css-mode-map)
|
|
:localleader :n ";" #'counsel-css))
|
|
|
|
|
|
(def-package! rainbow-mode
|
|
:hook (css-mode sass-mode))
|
|
|
|
|
|
(after! css-mode ; contains both css-mode & scss-mode
|
|
(set! :docset 'css-mode "CSS")
|
|
(set! :docset 'scss-mode "Sass")
|
|
(unless EMACS26+
|
|
;; css-mode's built in completion is superior
|
|
(set! :company-backend '(css-mode scss-mode) 'company-css))
|
|
(map! :map scss-mode-map :localleader :n "b" #'+css/scss-build))
|
|
|
|
|
|
(def-package! sass-mode
|
|
:commands sass-mode
|
|
:config
|
|
(set! :docset 'sass-mode "Sass")
|
|
(set! :company-backend 'sass-mode 'company-css)
|
|
(map! :map scss-mode-map :localleader :n "b" #'+css/sass-build))
|
|
|