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 46K
  • Win 30K
  • OS X 11K
  • Linux 5K
Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9
Windows 0 1 7 2 7 6 4 10 5 4 5 8 2 7 6 3 3 9 9 11 10 4 5 7 3 6 16 4 4 1 2 5 6 8 4 4 2 3 7 6 5 14 7 4 4 4
OS X 0 1 2 1 1 3 4 2 0 1 1 6 6 5 4 0 2 1 2 0 1 3 3 0 0 1 3 3 2 0 0 3 2 2 4 5 0 1 1 2 0 0 2 1 1 3
Linux 0 1 0 1 0 1 0 1 0 0 1 0 2 1 0 0 0 2 0 1 1 0 0 1 1 0 0 0 0 2 0 1 3 1 1 1 1 1 0 0 0 2 1 0 0 2

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