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