ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

CSS3_Syntax

by y0ssar1an ST2

Sublime Text package for CSS3 syntax highlighting.

Details

Installs

  • Total 45K
  • Win 30K
  • OS X 11K
  • Linux 5K
Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11
Windows 9 12 6 1 8 10 9 7 6 3 5 4 7 7 5 7 11 6 10 12 2 7 6 6 9 6 10 6 4 7 6 5 12 12 8 11 6 4 5 8 16 18 10 9 10 5
OS X 3 4 0 1 2 0 0 1 2 1 2 3 2 1 2 0 1 2 2 3 4 3 1 0 0 3 4 2 2 2 1 2 2 4 3 2 3 1 14 1 2 2 0 1 2 3
Linux 2 1 0 0 2 0 1 0 1 0 1 1 0 0 1 1 2 0 1 2 1 2 1 0 2 1 2 1 1 0 0 2 0 1 0 0 0 0 0 0 1 0 0 1 1 1

Readme

Source
raw.​githubusercontent.​com

CSS3_Syntax

Announcement: For ST3 users, this package has been replaced by CSS3. This package will be removed some time after Sublime Text 3 is released.

Features

  • Comprehensive: near complete support for CSS3, based on the latest draft specs, support for many vendor-prefixed CSS extensions (e.g. -moz-, -ms-, -webkit-)
  • Forward-looking: support for upcoming features like variables, CSS animation, and @supports
  • Modern: deprecated or obsolete parts of CSS are flagged as such
  • Faithful: extremely close adherence to the W3C specification, with minor deviations due to technical limitations (for non-trivial deviations read below)

Installation

  1. Install Package Control
  2. Mac: cmd+shift+p → Package Control: Install Package → CSS3 Syntax
    Windows/Linux: ctrl+shift+p → Package Control: Install Package → CSS3 Syntax

After you've installed the plugin, open any CSS file and set the syntax to CSS. * Mac: cmd+shift+p → Set Syntax: CSS3
* Windows/Linux: ctrl+shift+p → Set Syntax: CSS3

Set CSS3 Syntax as Default

  • WARNING: This may break extensions that only recognize the default CSS syntax, such as Autoprefixr. A workaround, shown here, is to switch the syntax back to CSS when you want to run Autoprefixr.
  1. Open a CSS file in Sublime Text
  2. Navigate to View → Syntax → Open all with current extension as… → CSS3

After these steps, any CSS file you open in the future will be highlighted using CSS3 Syntax.

Limitations

  • No support for the following prefixes
-ah- -apple- -atsc- -hp- -ibooks-
-khtml- -mso- -o- -prince- -rim-
-ro- -tc- -weasy- -xv-
  • Incomplete support for vendor-prefixed CSS extensions (we're adding more as we find them)

Deviations from the Spec

All Properties Must End with a Semicolon

CSS doesn't require this, but it's a good practice. Semicolons help the highlighter distinguish properties and values. Without a semicolon, the highlighting could be off.

alt text

All Properties Must be Written in Lowercase

The spec says that HTML tags, properties, values, function names, and more should be matched case-insenstively. However, this syntax highlighter only matches lowercase text. If this bothers enough people, we can work to include matching uppercase text as well.

alt text