Emacs: Xah CSS Mode

By Xah Lee. Date: . Last updated: .

This is the home page of xah-css-mode, a emacs major mode for CSS. 〔➤see Visual Dictionary of CSS

emacs xah css mode 2016-07-10
emacs xah-css-mode



MELPA https://melpa.org/#/xah-css-mode 〔➤see Emacs: How to Install Packages Using ELPA, MELPA


Correct Syntax coloring of ALL CSS words. If it's not colored, you have a typo.

Color coded words by semantics. CSS words are colored by their type. e.g. HTML tag names, CSS attribute names, CSS value keywords, CSS unit names, pseudo selector names, media keywords, etc.

ID selector string and class name in bold for easy identification.

Keyword completion with ido-mode interface. Press Tab ↹ after a word to complete. All CSS words are supported: {html5 tags, property names, property value keywords, units, colors, pseudo selectors, “at keywords”, …}.

Single Key Prettify Code Format. Press Tab ↹ before word to reformat current block of code. That is, all lines enclosed by curly brackets {}.

Syntax coloring of hexadecimal color format #rrggbb and #rgb and HSL Color format hsl(0,68%,42%).

• Command to convert #rrggbb color format under cursor to HSL Color format.

• Command to insert a random color.

• Command to minify CSS code.

• Command to unminify (expand) CSS code to multi-lines format.


• context sensitive word completion.

• improve minify/expand commands.

To say thanks, please goto paypal.com and make a payment to xah@xahlee.org , or, Buy Xah Emacs Tutorial or, buy something from my keyboard store. Thank you.

back to Xah Emacs Packages

Like it? Buy Xah Emacs Tutorial. Thanks.

or, buy something from Best Keyboard for Emacs