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

CSS3

by ryboe ST3 Top 100

The most complete CSS support for Sublime Text

Details

  • 2.1.47
  • github.​com
  • github.​com
  • 4 months ago
  • 43 minutes ago
  • 11 years ago

Installs

  • Total 505K
  • Win 366K
  • Mac 79K
  • Linux 60K
Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6 May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26 Apr 25 Apr 24 Apr 23 Apr 22
Windows 5 18 7 11 5 6 7 11 5 13 7 12 6 7 11 9 11 6 18 6 11 14 21 33 10 9 4 12 4 8 4 13 10 7 12 11 9 9 8 5 9 23 16 5 11 9
Mac 0 1 3 0 4 1 1 1 4 1 5 4 0 0 1 4 2 2 4 2 5 2 7 5 6 2 3 1 0 3 4 0 3 1 1 3 4 1 3 3 2 1 1 7 3 2
Linux 1 2 3 0 1 1 1 2 2 1 0 1 0 1 2 0 1 2 2 3 1 4 2 1 2 5 0 4 1 3 1 3 3 1 4 2 0 3 3 3 0 3 1 1 1 1
0102030Jun 6Jun 3May 31May 28May 25May 22May 19May 16May 13May 10May 7May 4May 1Apr 28Apr 25Apr 22Jun 6 Linux: 1 Mac: 0 Windows: 5Jun 5 Linux: 2 Mac: 1 Windows: 18Jun 4 Linux: 3 Mac: 3 Windows: 7Jun 3 Linux: 0 Mac: 0 Windows: 11Jun 2 Linux: 1 Mac: 4 Windows: 5Jun 1 Linux: 1 Mac: 1 Windows: 6May 31 Linux: 1 Mac: 1 Windows: 7May 30 Linux: 2 Mac: 1 Windows: 11May 29 Linux: 2 Mac: 4 Windows: 5May 28 Linux: 1 Mac: 1 Windows: 13May 27 Linux: 0 Mac: 5 Windows: 7May 26 Linux: 1 Mac: 4 Windows: 12May 25 Linux: 0 Mac: 0 Windows: 6May 24 Linux: 1 Mac: 0 Windows: 7May 23 Linux: 2 Mac: 1 Windows: 11May 22 Linux: 0 Mac: 4 Windows: 9May 21 Linux: 1 Mac: 2 Windows: 11May 20 Linux: 2 Mac: 2 Windows: 6May 19 Linux: 2 Mac: 4 Windows: 18May 18 Linux: 3 Mac: 2 Windows: 6May 17 Linux: 1 Mac: 5 Windows: 11May 16 Linux: 4 Mac: 2 Windows: 14May 15 Linux: 2 Mac: 7 Windows: 21May 14 Linux: 1 Mac: 5 Windows: 33May 13 Linux: 2 Mac: 6 Windows: 10May 12 Linux: 5 Mac: 2 Windows: 9May 11 Linux: 0 Mac: 3 Windows: 4May 10 Linux: 4 Mac: 1 Windows: 12May 9 Linux: 1 Mac: 0 Windows: 4May 8 Linux: 3 Mac: 3 Windows: 8May 7 Linux: 1 Mac: 4 Windows: 4May 6 Linux: 3 Mac: 0 Windows: 13May 5 Linux: 3 Mac: 3 Windows: 10May 4 Linux: 1 Mac: 1 Windows: 7May 3 Linux: 4 Mac: 1 Windows: 12May 2 Linux: 2 Mac: 3 Windows: 11May 1 Linux: 0 Mac: 4 Windows: 9Apr 30 Linux: 3 Mac: 1 Windows: 9Apr 29 Linux: 3 Mac: 3 Windows: 8Apr 28 Linux: 3 Mac: 3 Windows: 5Apr 27 Linux: 0 Mac: 2 Windows: 9Apr 26 Linux: 3 Mac: 1 Windows: 23Apr 25 Linux: 1 Mac: 1 Windows: 16Apr 24 Linux: 1 Mac: 7 Windows: 5Apr 23 Linux: 1 Mac: 3 Windows: 11Apr 22 Linux: 1 Mac: 2 Windows: 9Jun 6 Linux: 1 Mac: 0 Windows: 5Jun 5 Linux: 2 Mac: 1 Windows: 18Jun 4 Linux: 3 Mac: 3 Windows: 7Jun 3 Linux: 0 Mac: 0 Windows: 11Jun 2 Linux: 1 Mac: 4 Windows: 5Jun 1 Linux: 1 Mac: 1 Windows: 6May 31 Linux: 1 Mac: 1 Windows: 7May 30 Linux: 2 Mac: 1 Windows: 11May 29 Linux: 2 Mac: 4 Windows: 5May 28 Linux: 1 Mac: 1 Windows: 13May 27 Linux: 0 Mac: 5 Windows: 7May 26 Linux: 1 Mac: 4 Windows: 12May 25 Linux: 0 Mac: 0 Windows: 6May 24 Linux: 1 Mac: 0 Windows: 7May 23 Linux: 2 Mac: 1 Windows: 11May 22 Linux: 0 Mac: 4 Windows: 9May 21 Linux: 1 Mac: 2 Windows: 11May 20 Linux: 2 Mac: 2 Windows: 6May 19 Linux: 2 Mac: 4 Windows: 18May 18 Linux: 3 Mac: 2 Windows: 6May 17 Linux: 1 Mac: 5 Windows: 11May 16 Linux: 4 Mac: 2 Windows: 14May 15 Linux: 2 Mac: 7 Windows: 21May 14 Linux: 1 Mac: 5 Windows: 33May 13 Linux: 2 Mac: 6 Windows: 10May 12 Linux: 5 Mac: 2 Windows: 9May 11 Linux: 0 Mac: 3 Windows: 4May 10 Linux: 4 Mac: 1 Windows: 12May 9 Linux: 1 Mac: 0 Windows: 4May 8 Linux: 3 Mac: 3 Windows: 8May 7 Linux: 1 Mac: 4 Windows: 4May 6 Linux: 3 Mac: 0 Windows: 13May 5 Linux: 3 Mac: 3 Windows: 10May 4 Linux: 1 Mac: 1 Windows: 7May 3 Linux: 4 Mac: 1 Windows: 12May 2 Linux: 2 Mac: 3 Windows: 11May 1 Linux: 0 Mac: 4 Windows: 9Apr 30 Linux: 3 Mac: 1 Windows: 9Apr 29 Linux: 3 Mac: 3 Windows: 8Apr 28 Linux: 3 Mac: 3 Windows: 5Apr 27 Linux: 0 Mac: 2 Windows: 9Apr 26 Linux: 3 Mac: 1 Windows: 23Apr 25 Linux: 1 Mac: 1 Windows: 16Apr 24 Linux: 1 Mac: 7 Windows: 5Apr 23 Linux: 1 Mac: 3 Windows: 11Apr 22 Linux: 1 Mac: 2 Windows: 9Jun 6 Linux: 1 Mac: 0 Windows: 5Jun 5 Linux: 2 Mac: 1 Windows: 18Jun 4 Linux: 3 Mac: 3 Windows: 7Jun 3 Linux: 0 Mac: 0 Windows: 11Jun 2 Linux: 1 Mac: 4 Windows: 5Jun 1 Linux: 1 Mac: 1 Windows: 6May 31 Linux: 1 Mac: 1 Windows: 7May 30 Linux: 2 Mac: 1 Windows: 11May 29 Linux: 2 Mac: 4 Windows: 5May 28 Linux: 1 Mac: 1 Windows: 13May 27 Linux: 0 Mac: 5 Windows: 7May 26 Linux: 1 Mac: 4 Windows: 12May 25 Linux: 0 Mac: 0 Windows: 6May 24 Linux: 1 Mac: 0 Windows: 7May 23 Linux: 2 Mac: 1 Windows: 11May 22 Linux: 0 Mac: 4 Windows: 9May 21 Linux: 1 Mac: 2 Windows: 11May 20 Linux: 2 Mac: 2 Windows: 6May 19 Linux: 2 Mac: 4 Windows: 18May 18 Linux: 3 Mac: 2 Windows: 6May 17 Linux: 1 Mac: 5 Windows: 11May 16 Linux: 4 Mac: 2 Windows: 14May 15 Linux: 2 Mac: 7 Windows: 21May 14 Linux: 1 Mac: 5 Windows: 33May 13 Linux: 2 Mac: 6 Windows: 10May 12 Linux: 5 Mac: 2 Windows: 9May 11 Linux: 0 Mac: 3 Windows: 4May 10 Linux: 4 Mac: 1 Windows: 12May 9 Linux: 1 Mac: 0 Windows: 4May 8 Linux: 3 Mac: 3 Windows: 8May 7 Linux: 1 Mac: 4 Windows: 4May 6 Linux: 3 Mac: 0 Windows: 13May 5 Linux: 3 Mac: 3 Windows: 10May 4 Linux: 1 Mac: 1 Windows: 7May 3 Linux: 4 Mac: 1 Windows: 12May 2 Linux: 2 Mac: 3 Windows: 11May 1 Linux: 0 Mac: 4 Windows: 9Apr 30 Linux: 3 Mac: 1 Windows: 9Apr 29 Linux: 3 Mac: 3 Windows: 8Apr 28 Linux: 3 Mac: 3 Windows: 5Apr 27 Linux: 0 Mac: 2 Windows: 9Apr 26 Linux: 3 Mac: 1 Windows: 23Apr 25 Linux: 1 Mac: 1 Windows: 16Apr 24 Linux: 1 Mac: 7 Windows: 5Apr 23 Linux: 1 Mac: 3 Windows: 11Apr 22 Linux: 1 Mac: 2 Windows: 9

Readme

Source
raw.​githubusercontent.​com

CSS3

GitHub Actions Status Badge

The most complete CSS and PostCSS-cssnext support for Sublime Text.

Features

  • Absurdly Complete: I mined the entire set of draft specs and supported everything. Some of this stuff won't be implemented in browsers for years. If it's in the spec, it's supported.
  • Future Proof: PostCSS-cssnext is fully supported. If you use cssnext, you can use futuristic CSS like…
    • nesting
    • custom selectors
    • custom properties
    • custom media queries
    • CSS Modules
    • lots more
  • Productive: Offers a full set of completions for properties, descriptors, @-rules, functions, and selectors. The completions are highly specific to what you're writing.
  • Modern: Bad, old CSS is flagged. Unnecessarily prefixed properties aren't highlighted. Catches lots of mistakes. Encourages best practices.
  • Faithful: Follows the W3C specs extremely closely.
  • Fast: CSS3 has been designed for Sublime's new custom regex engine, which is crazy fast. The syntax highlighting typically takes less than 100ms, even for very large CSS files.

Before & After

Installation

  1. Install Package Control
  2. Install CSS3

    Platform Install Command
    Mac cmd+shift+p   → Package Control: Install Package → CSS3
    Linux/Windows ctrl+shift+p → Package Control: Install Package → CSS3
  3. (Required) Disable the default CSS package

    Platform Disable Command
    Mac cmd+shift+p   → Package Control: Disable Package → CSS
    Linux/Windows ctrl+shift+p → Package Control: Disable Package → CSS

    Make sure you don't have any open files set to the default CSS syntax (bottom-right) or you may get an error message.

  4. (Strongly Recommended) Enable completions inside completions

    By default, Sublime will not offer completions inside completions. In other words, the completions menu is suppressed when you're tabbing through a snippet. This prevents a lot of CSS3 completions from appearing. Add these keys to your User Settings to fix this:

    "auto_complete_commit_on_tab": true,
    "auto_complete_with_fields": true,
    
  5. (Recommended) Hide CSS completions from Emmet

    If you have Emmet installed, its completions will drown out the carefully researched, standards-based completions offered by this package. You can hide Emmet completions for CSS only by adding this line to your Emmet package settings. “json "abbreviation_preview”: “markup”

  6. (Recommended) Set CSS3 as the default language for .css files

    • Open a .css file.
    • View → Syntax → Open all with current extension as… → CSS3

Best Practices

Help Me Out!

If you think something's missing, make sure you're not asking for something on this list of bad CSS properties. If it's not on that list, open an issue and I'll investigate. Definitely check out the CONTRIBUTING guidelines before submitting your PR. It could save you a lot of time. I'll be monitoring the specs as they're updated on this W3C feed, but I still need your help. Let's keep bad code out of the Web!