Enable electric pairing in (S)CSS buffers

2 files changed, 22 insertions, 8 deletions

diff --git a/emacs/.emacs.d/init.org b/emacs/.emacs.d/init.org
index e0370bd..5b83670 100644
--- a/emacs/.emacs.d/init.org
+++ b/emacs/.emacs.d/init.org
@@ -716,6 +716,12 @@ To start off, first I need to enable lexical binding.
          (with-eval-after-load 'sh-mode (load "oni-sh-mode-init"))
        #+END_SRC
 
+  - [[file:init/oni-css-mode-init.org][css-mode]] :: CSS and SCSS mode are used for stylesheets!
+
+       #+BEGIN_SRC emacs-lisp
+         (with-eval-after-load 'css-mode (load "oni-css-mode-init"))
+       #+END_SRC
+
 ** Emacs lisp mode
 
    Enable paredit mode.
@@ -843,14 +849,6 @@ To start off, first I need to enable lexical binding.
      (add-hook 'makefile-mode-hook 'electric-pair-local-mode)
    #+END_SRC
 
-** CSS mode
-
-   Enable electric indent mode.
-
-   #+BEGIN_SRC emacs-lisp
-     (add-hook 'css-mode-hook 'electric-indent-local-mode)
-   #+END_SRC
-
 ** Clojure mode
 
    Install extra font-locking for clojure.
diff --git a/emacs/.emacs.d/init/oni-css-mode-init.org b/emacs/.emacs.d/init/oni-css-mode-init.org
new file mode 100644
index 0000000..9d92663
--- /dev/null
+++ b/emacs/.emacs.d/init/oni-css-mode-init.org
@@ -0,0 +1,16 @@
+#+TITLE: CSS
+
+scss-mode is based on css-mode, so any settings for css-mode also
+automatically should work for scss-mode.
+
+Enable electric pairing.
+
+#+BEGIN_SRC emacs-lisp
+  (add-hook 'css-mode-hook 'electric-pair-local-mode)
+#+END_SRC
+
+Enable electric indenting.
+
+#+BEGIN_SRC emacs-lisp
+  (add-hook 'css-mode-hook 'electric-indent-local-mode)
+#+END_SRC