2015-06-15 15:06:10 +08:00
|
|
|
;;; module-sass.el --- sass/scss
|
|
|
|
|
|
|
|
|
|
(use-package sass-mode
|
|
|
|
|
:mode "\\.sass$"
|
|
|
|
|
:init (add-hook! sass-mode 'narf|enable-tab-width-2)
|
|
|
|
|
:config (after! company (add-company-backend! sass-mode (css))))
|
|
|
|
|
|
|
|
|
|
(use-package scss-mode
|
|
|
|
|
:mode "\\.scss$"
|
|
|
|
|
:init
|
|
|
|
|
(add-hook! scss-mode 'narf|enable-tab-width-2)
|
2015-07-17 18:08:37 +08:00
|
|
|
(add-hook! scss-mode 'hs-minor-mode)
|
2015-06-15 15:06:10 +08:00
|
|
|
(setq-default css-indent-offset 2)
|
|
|
|
|
(setq scss-compile-at-save nil)
|
|
|
|
|
:config
|
2015-07-24 19:06:57 +08:00
|
|
|
(bind! :map scss-mode-map
|
2015-08-01 20:39:59 +08:00
|
|
|
:n "M-r" 'narf/web-refresh-browser
|
2015-07-24 19:06:57 +08:00
|
|
|
:n ",;" 'helm-css-scss
|
|
|
|
|
:n ",:" 'helm-css-scss-multi)
|
|
|
|
|
|
2015-06-15 15:06:10 +08:00
|
|
|
(after! web-beautify
|
|
|
|
|
(add-hook! scss-mode (setenv "jsbeautify_indent_size" "2"))
|
|
|
|
|
(bind! :map scss-mode-map :m "gQ" 'web-beautify-css))
|
|
|
|
|
|
2015-07-19 06:44:01 +08:00
|
|
|
(after! emr
|
|
|
|
|
(emr-declare-command 'narf/scss-toggle-inline-or-block
|
|
|
|
|
:title "toggle inline/block"
|
|
|
|
|
:modes 'scss-mode
|
|
|
|
|
:predicate (lambda () (not (use-region-p)))))
|
|
|
|
|
|
2015-06-15 15:06:10 +08:00
|
|
|
(after! company (add-company-backend! scss-mode (css))))
|
|
|
|
|
|
|
|
|
|
(use-package rainbow-mode
|
2015-07-03 05:40:28 +08:00
|
|
|
:diminish rainbow-mode
|
2015-06-15 15:06:10 +08:00
|
|
|
:defer t
|
|
|
|
|
:init (add-hook! scss-mode 'rainbow-mode))
|
|
|
|
|
|
|
|
|
|
(provide 'module-sass)
|
|
|
|
|
;;; module-sass.el ends here
|
