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
|
|
|
|
2017-12-08 23:00:49 -05:00
|
|
|
(after! smartparens
|
|
|
|
(sp-with-modes '(css-mode scss-mode less-css-mode stylus-mode)
|
2018-02-14 20:58:36 -05:00
|
|
|
(sp-local-pair "/*" "*/" :post-handlers '(("||\n[i]" "RET") ("| " "SPC")))))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(map! :map* (css-mode-map scss-mode-map less-css-mode-map)
|
2018-05-25 00:46:11 +02:00
|
|
|
:localleader
|
|
|
|
:n "rb" #'+css/toggle-inline-or-block)
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2017-10-03 02:49:49 +02:00
|
|
|
|
2017-02-19 18:57:16 -05:00
|
|
|
;;
|
|
|
|
;; Packages
|
|
|
|
;;
|
|
|
|
|
2018-05-25 00:46:11 +02:00
|
|
|
;; 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
|
|
|
|
rainbow-mode))
|
|
|
|
|
|
|
|
|
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
|
|
|
|
(map! :map* (css-mode-map scss-mode-map less-css-mode-map)
|
2017-06-19 00:30:41 +02:00
|
|
|
:localleader :n ";" #'counsel-css))
|
2017-03-04 20:49:05 -05:00
|
|
|
|
|
|
|
|
2018-05-25 00:46:11 +02:00
|
|
|
(def-package! css-mode ; built-in
|
|
|
|
:defer t
|
|
|
|
:config
|
|
|
|
;; contains both css-mode & scss-mode
|
2018-06-15 13:31:34 +02:00
|
|
|
(set-docset! 'css-mode "CSS")
|
|
|
|
(set-docset! 'scss-mode "Sass")
|
2018-05-17 12:22:21 +02:00
|
|
|
(unless EMACS26+
|
|
|
|
;; css-mode's built in completion is superior
|
2018-06-15 02:58:12 +02:00
|
|
|
(set-company-backend! '(css-mode scss-mode) 'company-css))
|
2018-02-10 15:13:08 -05:00
|
|
|
(map! :map scss-mode-map :localleader :n "b" #'+css/scss-build))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(def-package! sass-mode
|
2018-05-25 00:46:11 +02:00
|
|
|
:defer t
|
2017-02-19 18:57:16 -05:00
|
|
|
:config
|
2018-06-15 13:31:34 +02:00
|
|
|
(set-docset! 'sass-mode "Sass")
|
2018-06-15 02:58:12 +02:00
|
|
|
(set-company-backend! 'sass-mode 'company-css)
|
2018-02-10 15:13:08 -05:00
|
|
|
(map! :map scss-mode-map :localleader :n "b" #'+css/sass-build))
|
2017-02-19 18:57:16 -05:00
|
|
|
|