CSS Format for Sublime Text

Description

CSS Format is a CSS formatting plugin for Sublime Text, you can convert CSS code to Compact、Expand format, or compress CSS. CSS Format is just only a formatter, do not supports grammar check and auto correct feature.

Example:

Compact format:

  body { background-color: #fff; color: #333; font-size: 12px; }
  a { color: #06f; }
  a:hover { color: #09c; }

Expand format:

  body {
      background-color: #fff;
      color: #333;
      font-size: 12px;
  }
  a {
      color: #06f;
  }
  a:hover {
      color: #09c;
  }

Compress:

  body{background-color:#fff;color:#333;font-size:12px;}a{color:#06f;}a:hover{color:#09c;}

Installation

OPTION 1 - with Package Control (recommended)

The easiest way to install this package is through Package Control.

Install Package Control, follow instructions on the website.
Open command panel: Ctrl+Shift+P (Linux/Windows) or Cmd+Shift+P (OS X) and select Package Control: Install Package.
When packages list appears, type CSS Format and select it.

OPTION 2 - with Git

Clone the repository in your Sublime Text "Packages" directory:

git clone git://github.com/mutian/CSS-Format.git "CSS Format"

You can find your "Packages" inside the following directories:

OS X: ~/Library/Application Support/Sublime Text 2/Packages/
Windows: %APPDATA%/Sublime Text 2/Packages/
Linux: ~/.Sublime Text 2/Packages/

OPTION 3 - without Git

Download the latest source zip from Github and extract it into a new folder named CSS Format in your Sublime Text "Packages" folder.

Usage

Select the code, or place cursor in the document, and execute commands in one of the following ways:

Context Menu: CSS Format.
Edit Menu: Edit > CSS Format.
Command Panel: Open command panel: Ctrl+Shift+P (Linux/Windows) or Cmd+Shift+P (OS X) and select CSS Format: XXX.

Shortcuts

By default CSS Format provides no keyboard shortcuts to avoid conflicts, but you can view the included Example.sublime-keymaps file to get an idea how to set up your own.

Author

Created by Mutian (http://mutian.info).

For more info, you can send email to me: mutian(a)me.com!

Acknowledgements

Thanks to the RIA Team of Weibo.com .

dexif / CSS-Format