2017-06-08 11:47:56 +02:00
|
|
|
;;; lang/web/+css.el -*- lexical-binding: t; -*-
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2018-02-14 20:58:36 -05:00
|
|
|
;; An improved newline+continue comment function
|
2018-05-07 22:37:19 +02:00
|
|
|
(setq-hook! css-mode comment-indent-function #'+css/comment-indent-new-line)
|
2018-02-14 20:58:36 -05:00
|
|
|
|
2018-12-22 17:01:00 -05:00
|
|
|
(map! :map (css-mode-map scss-mode-map less-css-mode-map)
|
2018-05-25 00:46:11 +02:00
|
|
|
:localleader
|
2018-12-22 17:01:00 -05:00
|
|
|
"rb" #'+css/toggle-inline-or-block)
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2018-09-08 18:35:45 -04:00
|
|
|
(after! (:any css-mode sass-mode)
|
|
|
|
(set-docsets! '(css-mode scss-mode sass-mode)
|
|
|
|
"CSS" "HTML" "Bourbon" "Compass"
|
|
|
|
["Sass" (memq major-mode '(scss-mode sass-mode))]))
|
|
|
|
|
2017-10-03 02:49:49 +02:00
|
|
|
|
2017-02-19 18:57:16 -05:00
|
|
|
;;
|
2018-09-08 18:35:45 -04:00
|
|
|
;; Major modes
|
|
|
|
|
|
|
|
(add-hook! (css-mode sass-mode stylus-mode) #'rainbow-mode)
|
|
|
|
|
|
|
|
(after! css-mode ; built-in -- contains both css-mode & scss-mode
|
|
|
|
;; css-mode hooks apply to scss and less-css modes
|
|
|
|
(add-hook 'css-mode-hook #'rainbow-delimiters-mode)
|
|
|
|
(unless EMACS26+
|
|
|
|
;; css-mode's built in completion is superior in 26+
|
|
|
|
(set-company-backend! '(css-mode scss-mode) 'company-css))
|
2018-12-22 17:01:00 -05:00
|
|
|
(map! :map scss-mode-map :localleader "b" #'+css/scss-build))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2018-09-08 18:35:45 -04:00
|
|
|
|
|
|
|
(after! sass-mode
|
|
|
|
(set-company-backend! 'sass-mode 'company-css)
|
2018-12-22 17:01:00 -05:00
|
|
|
(map! :map sass-mode-map :localleader "b" #'+css/sass-build))
|
2018-05-25 00:46:11 +02:00
|
|
|
|
|
|
|
|
2018-09-08 18:35:45 -04:00
|
|
|
;;
|
|
|
|
;; Tools
|
|
|
|
|
2019-02-21 16:08:27 -05:00
|
|
|
(when (featurep! +lsp)
|
2019-03-02 01:33:54 -05:00
|
|
|
(add-hook! (css-mode sass-mode less-css-mode) #'lsp!))
|
2019-02-21 16:08:27 -05:00
|
|
|
|
|
|
|
|
2017-03-04 20:49:05 -05:00
|
|
|
(def-package! counsel-css
|
2017-03-19 22:47:50 -04:00
|
|
|
:when (featurep! :completion ivy)
|
2018-05-25 00:46:11 +02:00
|
|
|
:commands counsel-css
|
2017-12-08 22:33:12 -05:00
|
|
|
:hook (css-mode . counsel-css-imenu-setup)
|
2017-03-04 20:49:05 -05:00
|
|
|
:init
|
2018-12-22 17:01:00 -05:00
|
|
|
(map! :map (css-mode-map scss-mode-map less-css-mode-map)
|
|
|
|
:localleader ";" #'counsel-css))
|
2017-03-04 20:49:05 -05:00
|
|
|
|
|
|
|
|
2018-09-04 03:42:44 +02:00
|
|
|
(def-package! helm-css-scss
|
|
|
|
:when (featurep! :completion helm)
|
|
|
|
:defer t
|
|
|
|
:init
|
2018-12-22 17:01:00 -05:00
|
|
|
(map! :map (css-mode-map scss-mode-map less-css-mode-map)
|
|
|
|
:localleader ";" #'helm-css-scss)
|
2018-09-04 03:42:44 +02:00
|
|
|
:config
|
|
|
|
(setq helm-css-scss-split-direction #'split-window-vertically
|
|
|
|
helm-css-scss-split-with-multiple-windows t))
|