Merge module-sass with module-web + rainbow-mode to core-editor

modules/module-web.el

@@ -1,5 +1,36 @@
 ;;; module-web.el
 
+(add-hook! (sass-mode scss-mode) '(rainbow-mode narf|enable-tab-width-2 flycheck-mode))
+
+(use-package sass-mode
+  :mode "\\.sass$"
+  :config
+  (after! company (add-company-backend! sass-mode (css))))
+
+(use-package scss-mode
+  :mode "\\.scss$"
+  :init
+  (add-hook! scss-mode 'hs-minor-mode)
+  (setq-default css-indent-offset 2)
+  (setq scss-compile-at-save nil)
+  :config
+  (bind! :map scss-mode-map
+         :n "M-r" 'narf/web-refresh-browser
+         :n ",;" 'helm-css-scss
+         :n ",:" 'helm-css-scss-multi)
+
+  (after! web-beautify
+    (add-hook! scss-mode (setenv "jsbeautify_indent_size" "2"))
+    (bind! :map scss-mode-map :m "gQ" 'web-beautify-css))
+
+  (after! emr
+    (emr-declare-command 'narf/scss-toggle-inline-or-block
+      :title "toggle inline/block"
+      :modes 'scss-mode
+      :predicate (lambda () (not (use-region-p)))))
+
+  (after! company (add-company-backend! scss-mode (css))))
+
 (use-package web-beautify
   :commands (web-beautify-js web-beautify-css web-beautify-html)
   :init