CSS3_Syntax
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
- Install Package Control
- 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.
- Open a CSS file in Sublime Text
- 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.
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.
