Emacs: Xah CSS Mode 📦

By Xah Lee. Date: . Last updated: .

xah-css-mode.el is a emacs major mode for working with CSS code.

emacs xah css mode 2021-08-02
emacs xah-css-mode

Get it by Donation

Goto paypal.com, send $32 to Xah@XahLee.org (be sure to include your correct email address. I need that to send it to you.)

Write in message area: xah-css-mode.el

Features

Commands to Format Code

xah css mode 2022-02-18 4HXN
xah css mode 2022-02-18 4HXN

Abbreviations Feature

Type

fs

followed by space, and it becomes

font-size

press space again and it becomes

font-size: 2rem;

Just type the initial letters.

Here's example of the top 16 most used CSS properties and the expansion:

font-size: 2rem;
width: 200px;
color: red;
margin-top: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
margin-right: 1rem;
height: 200px;
padding-top: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
padding-right: 1rem;
display: inline-block;
background-color: black;
text-align: left right center justify;
position: static absolute fixed relative initial inherit;

Xah Talk Show