Trying out web-mode

config.org

@@ -739,16 +739,6 @@ Use the superior package for viewing PDFs on the superior operating system, and
       (setq pdf-view-resize-factor 1.1)))
 #+END_SRC
 
-** =rainbow-mode=
-
-Adds visual indication of colours to CSS files.
-
-#+BEGIN_SRC emacs-lisp
-  (use-package rainbow-mode
-    :hook
-    (css-mode . rainbow-mode))
-#+END_SRC
-
 ** =recentf=
 
 Gives me a dialog with recently opened files. Package management and =elfeed= stuff have to be manually excluded for obvious reasons. Surely I don’t have to call =add-to-list= separately every time, but I haven’t found a more sensible way of doing it.
@@ -807,6 +797,25 @@ Automatically use smart quotes. (Can’t be set to =text-mode-hook=, unfortunate
   (add-hook 'org-mode-hook 'unsmart-hook)
 #+END_SRC
 
+** =web-mode=
+
+This is good for auto indentation, folding, killing elements, apparently XPath?? but I’ve failed to make faces work like the do in normal =html-mode=.
+
+#+BEGIN_SRC emacs-lisp
+  (use-package web-mode
+    :mode (("\\.html?\\'" . web-mode)
+           ("\\.css" . web-mode))
+    :config
+    (setq web-mode-markup-indent-offset 2)
+    (setq web-mode-css-indent-offset 2)
+    (setq web-mode-enable-html-entities-fontification t)
+    (setq web-mode-enable-current-element-highlight t)
+    :bind
+    ("C-c /" . web-mode-element-close)
+    :custom-face
+    (web-mode-html-entity-face ((t (:underline t)))))
+#+END_SRC
+
 ** =yasnippet=
 
 Per-mode text expansion. What a lifechanger.
@@ -862,7 +871,7 @@ Nice monochrome-ish light theme, reminiscent of [[https://edwardtufte.github.io/
 #+BEGIN_SRC emacs-lisp
   (use-package tao-theme)
   (load-theme 'tao-yang t)
-#+END_SRC
+#+end_SRC
 
 ** Colours