Emacs: Format CSS Code 🚀

By Xah Lee. Date: .

put this in your Emacs Init File:

(defun xah-css-format-buffer ()
  "Format CSS code of current buffer.
Buffer is saved first.
This command requires external command deno.

URL `http://xahlee.info/emacs/emacs/emacs_format_css_code.html'
Created: 2025-01-05
Version: 2025-01-05"
  (interactive)
  (let ((xoutbuf (get-buffer-create "*xah-css-format output*")))
    (when (not buffer-file-name) (user-error "buffer %s is not a file." (buffer-name)))
    (save-current-buffer (set-buffer xoutbuf) (erase-buffer))
    (when (buffer-modified-p) (save-buffer))
    (call-process "deno" nil xoutbuf nil "fmt" "-q" buffer-file-name "--indent-width" "1" "--line-width" "10000")
    (if (eq 1 (save-current-buffer (set-buffer xoutbuf) (point-max)))
        (progn
          (kill-buffer xoutbuf)
          (revert-buffer t t t))
      (display-buffer xoutbuf))))

part of Emacs: Xah CSS Mode 📦

Emacs, Format Code