2017-02-19 18:57:16 -05:00
|
|
|
;;; lang/web/+css.el
|
|
|
|
|
|
|
|
|
|
(sp-with-modes '(css-mode scss-mode less-css-mode stylus-mode)
|
|
|
|
|
(sp-local-pair "/*" "*/" :post-handlers '(("[d-3]||\n[i]" "RET") ("| " "SPC"))))
|
|
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(map! :map* (css-mode-map scss-mode-map less-css-mode-map)
|
2017-02-19 18:57:16 -05:00
|
|
|
:n "M-R" '+css/web-refresh-browser
|
|
|
|
|
:localleader
|
|
|
|
|
:nv ";" '+css/append-semicolon
|
|
|
|
|
:prefix "r"
|
|
|
|
|
:n "b" '+css/toggle-inline-or-block)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
;;
|
|
|
|
|
;; Packages
|
|
|
|
|
;;
|
|
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(def-package! css-mode
|
2017-02-19 18:57:16 -05:00
|
|
|
:mode "\\.css$"
|
|
|
|
|
:mode ("\\.scss$" . scss-mode)
|
|
|
|
|
:init
|
2017-02-23 00:06:12 -05:00
|
|
|
(add-hook! css-mode
|
2017-02-19 18:57:16 -05:00
|
|
|
'(yas-minor-mode-on flycheck-mode rainbow-mode highlight-numbers-mode
|
|
|
|
|
;; doom|counsel-css-imenu-setup
|
|
|
|
|
))
|
|
|
|
|
|
|
|
|
|
:config
|
2017-02-23 00:06:12 -05:00
|
|
|
(set! :company-backend '(css-mode scss-mode) '(company-css company-yasnippet))
|
|
|
|
|
(set! :build 'scss 'scss-mode '+css/scss-build))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
|
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(def-package! sass-mode
|
2017-02-19 18:57:16 -05:00
|
|
|
:mode "\\.sass$"
|
|
|
|
|
:config
|
|
|
|
|
(setq sass-command-options '("--style compressed"))
|
2017-02-23 00:06:12 -05:00
|
|
|
(set! :build 'sass 'sass-mode '+css/sass-build)
|
|
|
|
|
(set! :company-backend 'sass-mode '(company-css company-yasnippet)))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
|
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(def-package! less-css-mode
|
2017-02-19 18:57:16 -05:00
|
|
|
:mode "\\.less$")
|
|
|
|
|
|
|
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(def-package! stylus-mode
|
2017-02-19 18:57:16 -05:00
|
|
|
:mode "\\.styl$"
|
2017-02-23 00:06:12 -05:00
|
|
|
:init (add-hook! stylus-mode '(yas-minor-mode-on flycheck-mode)))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
