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

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