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

CSS Extended Completions

by subhaze ALL

CSS Completions, LESS Completions, SCSS Completions

Details

  • 0.3.8
  • github.​com
  • github.​com
  • 10 years ago
  • 38 minutes ago
  • 11 years ago

Installs

  • Total 105K
  • Win 72K
  • Mac 21K
  • Linux 13K
Jan 5 Jan 4 Jan 3 Jan 2 Jan 1 Dec 31 Dec 30 Dec 29 Dec 28 Dec 27 Dec 26 Dec 25 Dec 24 Dec 23 Dec 22 Dec 21 Dec 20 Dec 19 Dec 18 Dec 17 Dec 16 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
Windows 0 2 1 1 1 0 1 0 1 0 1 1 2 1 1 1 1 0 1 1 0 0 0 1 2 2 0 2 1 1 1 0 0 3 1 1 0 1 1 0 0 0 0 2 1 3
Mac 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0
Linux 0 1 0 0 0 0 0 0 2 0 0 0 0 0 0 1 0 0 1 1 1 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
01234Jan 5Jan 2Dec 30Dec 27Dec 24Dec 21Dec 18Dec 15Dec 12Dec 9Dec 6Dec 3Nov 30Nov 27Nov 24Nov 21Jan 5 Linux: 0 Mac: 0 Windows: 0Jan 4 Linux: 1 Mac: 0 Windows: 2Jan 3 Linux: 0 Mac: 0 Windows: 1Jan 2 Linux: 0 Mac: 0 Windows: 1Jan 1 Linux: 0 Mac: 0 Windows: 1Dec 31 Linux: 0 Mac: 0 Windows: 0Dec 30 Linux: 0 Mac: 0 Windows: 1Dec 29 Linux: 0 Mac: 0 Windows: 0Dec 28 Linux: 2 Mac: 0 Windows: 1Dec 27 Linux: 0 Mac: 0 Windows: 0Dec 26 Linux: 0 Mac: 0 Windows: 1Dec 25 Linux: 0 Mac: 0 Windows: 1Dec 24 Linux: 0 Mac: 1 Windows: 2Dec 23 Linux: 0 Mac: 1 Windows: 1Dec 22 Linux: 0 Mac: 0 Windows: 1Dec 21 Linux: 1 Mac: 0 Windows: 1Dec 20 Linux: 0 Mac: 0 Windows: 1Dec 19 Linux: 0 Mac: 0 Windows: 0Dec 18 Linux: 1 Mac: 0 Windows: 1Dec 17 Linux: 1 Mac: 0 Windows: 1Dec 16 Linux: 1 Mac: 0 Windows: 0Dec 15 Linux: 0 Mac: 0 Windows: 0Dec 14 Linux: 0 Mac: 0 Windows: 0Dec 13 Linux: 0 Mac: 0 Windows: 1Dec 12 Linux: 0 Mac: 0 Windows: 2Dec 11 Linux: 0 Mac: 0 Windows: 2Dec 10 Linux: 1 Mac: 0 Windows: 0Dec 9 Linux: 0 Mac: 0 Windows: 2Dec 8 Linux: 0 Mac: 1 Windows: 1Dec 7 Linux: 0 Mac: 0 Windows: 1Dec 6 Linux: 0 Mac: 0 Windows: 1Dec 5 Linux: 0 Mac: 0 Windows: 0Dec 4 Linux: 0 Mac: 0 Windows: 0Dec 3 Linux: 0 Mac: 0 Windows: 3Dec 2 Linux: 0 Mac: 1 Windows: 1Dec 1 Linux: 0 Mac: 0 Windows: 1Nov 30 Linux: 0 Mac: 0 Windows: 0Nov 29 Linux: 0 Mac: 0 Windows: 1Nov 28 Linux: 0 Mac: 0 Windows: 1Nov 27 Linux: 0 Mac: 0 Windows: 0Nov 26 Linux: 0 Mac: 0 Windows: 0Nov 25 Linux: 0 Mac: 0 Windows: 0Nov 24 Linux: 0 Mac: 0 Windows: 0Nov 23 Linux: 0 Mac: 0 Windows: 2Nov 22 Linux: 0 Mac: 0 Windows: 1Nov 21 Linux: 0 Mac: 0 Windows: 3Jan 5 Linux: 0 Mac: 0 Windows: 0Jan 4 Linux: 1 Mac: 0 Windows: 2Jan 3 Linux: 0 Mac: 0 Windows: 1Jan 2 Linux: 0 Mac: 0 Windows: 1Jan 1 Linux: 0 Mac: 0 Windows: 1Dec 31 Linux: 0 Mac: 0 Windows: 0Dec 30 Linux: 0 Mac: 0 Windows: 1Dec 29 Linux: 0 Mac: 0 Windows: 0Dec 28 Linux: 2 Mac: 0 Windows: 1Dec 27 Linux: 0 Mac: 0 Windows: 0Dec 26 Linux: 0 Mac: 0 Windows: 1Dec 25 Linux: 0 Mac: 0 Windows: 1Dec 24 Linux: 0 Mac: 1 Windows: 2Dec 23 Linux: 0 Mac: 1 Windows: 1Dec 22 Linux: 0 Mac: 0 Windows: 1Dec 21 Linux: 1 Mac: 0 Windows: 1Dec 20 Linux: 0 Mac: 0 Windows: 1Dec 19 Linux: 0 Mac: 0 Windows: 0Dec 18 Linux: 1 Mac: 0 Windows: 1Dec 17 Linux: 1 Mac: 0 Windows: 1Dec 16 Linux: 1 Mac: 0 Windows: 0Dec 15 Linux: 0 Mac: 0 Windows: 0Dec 14 Linux: 0 Mac: 0 Windows: 0Dec 13 Linux: 0 Mac: 0 Windows: 1Dec 12 Linux: 0 Mac: 0 Windows: 2Dec 11 Linux: 0 Mac: 0 Windows: 2Dec 10 Linux: 1 Mac: 0 Windows: 0Dec 9 Linux: 0 Mac: 0 Windows: 2Dec 8 Linux: 0 Mac: 1 Windows: 1Dec 7 Linux: 0 Mac: 0 Windows: 1Dec 6 Linux: 0 Mac: 0 Windows: 1Dec 5 Linux: 0 Mac: 0 Windows: 0Dec 4 Linux: 0 Mac: 0 Windows: 0Dec 3 Linux: 0 Mac: 0 Windows: 3Dec 2 Linux: 0 Mac: 1 Windows: 1Dec 1 Linux: 0 Mac: 0 Windows: 1Nov 30 Linux: 0 Mac: 0 Windows: 0Nov 29 Linux: 0 Mac: 0 Windows: 1Nov 28 Linux: 0 Mac: 0 Windows: 1Nov 27 Linux: 0 Mac: 0 Windows: 0Nov 26 Linux: 0 Mac: 0 Windows: 0Nov 25 Linux: 0 Mac: 0 Windows: 0Nov 24 Linux: 0 Mac: 0 Windows: 0Nov 23 Linux: 0 Mac: 0 Windows: 2Nov 22 Linux: 0 Mac: 0 Windows: 1Nov 21 Linux: 0 Mac: 0 Windows: 3Jan 5 Linux: 0 Mac: 0 Windows: 0Jan 4 Linux: 1 Mac: 0 Windows: 2Jan 3 Linux: 0 Mac: 0 Windows: 1Jan 2 Linux: 0 Mac: 0 Windows: 1Jan 1 Linux: 0 Mac: 0 Windows: 1Dec 31 Linux: 0 Mac: 0 Windows: 0Dec 30 Linux: 0 Mac: 0 Windows: 1Dec 29 Linux: 0 Mac: 0 Windows: 0Dec 28 Linux: 2 Mac: 0 Windows: 1Dec 27 Linux: 0 Mac: 0 Windows: 0Dec 26 Linux: 0 Mac: 0 Windows: 1Dec 25 Linux: 0 Mac: 0 Windows: 1Dec 24 Linux: 0 Mac: 1 Windows: 2Dec 23 Linux: 0 Mac: 1 Windows: 1Dec 22 Linux: 0 Mac: 0 Windows: 1Dec 21 Linux: 1 Mac: 0 Windows: 1Dec 20 Linux: 0 Mac: 0 Windows: 1Dec 19 Linux: 0 Mac: 0 Windows: 0Dec 18 Linux: 1 Mac: 0 Windows: 1Dec 17 Linux: 1 Mac: 0 Windows: 1Dec 16 Linux: 1 Mac: 0 Windows: 0Dec 15 Linux: 0 Mac: 0 Windows: 0Dec 14 Linux: 0 Mac: 0 Windows: 0Dec 13 Linux: 0 Mac: 0 Windows: 1Dec 12 Linux: 0 Mac: 0 Windows: 2Dec 11 Linux: 0 Mac: 0 Windows: 2Dec 10 Linux: 1 Mac: 0 Windows: 0Dec 9 Linux: 0 Mac: 0 Windows: 2Dec 8 Linux: 0 Mac: 1 Windows: 1Dec 7 Linux: 0 Mac: 0 Windows: 1Dec 6 Linux: 0 Mac: 0 Windows: 1Dec 5 Linux: 0 Mac: 0 Windows: 0Dec 4 Linux: 0 Mac: 0 Windows: 0Dec 3 Linux: 0 Mac: 0 Windows: 3Dec 2 Linux: 0 Mac: 1 Windows: 1Dec 1 Linux: 0 Mac: 0 Windows: 1Nov 30 Linux: 0 Mac: 0 Windows: 0Nov 29 Linux: 0 Mac: 0 Windows: 1Nov 28 Linux: 0 Mac: 0 Windows: 1Nov 27 Linux: 0 Mac: 0 Windows: 0Nov 26 Linux: 0 Mac: 0 Windows: 0Nov 25 Linux: 0 Mac: 0 Windows: 0Nov 24 Linux: 0 Mac: 0 Windows: 0Nov 23 Linux: 0 Mac: 0 Windows: 2Nov 22 Linux: 0 Mac: 0 Windows: 1Nov 21 Linux: 0 Mac: 0 Windows: 3

Readme

Source
raw.​githubusercontent.​com

CSS Extended Completions

Sublime Text 2/3


Issue Reporting

Please include the following information when submitting a ticket - Sublime Text version - OS - any related error that you can find in the Sublime Text console (ctrl+) if no related error is found please state that you saw no errors in the console.

This plug-in is beta quality so please file any issues you run into here: https://github.com/subhaze/CSS-Extended/issues?state=open


Features

  • CSS class completions within HTML class attributes (class=“|”) and CSS files
  • ID completions within HTML id attributes (id=“|”) and CSS files
  • LESS variable and mixin completions (with parametric tab-stops)
  • SCSS variable and mixin completions (with parametric tab-stops)
  • element completions within CSS files
  • pseudo selector completions within CSS files
  • font stack completions within the font-family: property
  • a more up-to-date property/value completion list within CSS files
  • parse linked style sheets in HTML files, can be disabled via index_linked_style_sheets setting

Usage

Load Files From Side Bar Menu

You can add files from the side bar, just right click on a folder and select the type of files you'd like to load via CSS Extended Completions > [file type(s)]

This is not a recursive process, so, only the immediate files in the folder are processed, the subfolders are not processed.


Cache On Save

Caches completions on document save.

  • If the document is a .css file (stand alone file) it will add any symbols that are found to the main project index.

  • If the document is a .html/.php/etc… it will parse that file and extract any classes/IDs found within style tags and only show you those completions within that file, plus any from the main project cache.


Loading External Files

You can eager load files from folders outside of your project via load_external_files setting.

Example: "load_external_files": ["/abs/path/to/css/*.css", "/abs/path/to/less/*.less"]


Deleting Cache File

You can delete the cache via the command palette CSS Completions: Delete Cache


Pruning Cache File

You can remove missing/moved files from the cache via the command palette CSS Completions: Prune Cache


Property/Value Completions

property/value completions such as box-sizing, additional font names for font-family, animation, flex-box, etc…


Emmet Support

Emmet support is enabled by default, you just need to add the following to your User Settings:

"auto_complete_selector": "source - comment, meta.tag - punctuation.definition.tag.begin, text.html.basic"

Don't have Emmet? No problem, you won't have any problems with it being enable by default.
Still want to disable Emmet support? Just set "use_emmet": false in the user's package settings or use the Use Emmet toggle from the menu Preferences > Package Settings > CSS Extended Completions


CSS Completion Examples


Pseudo Selector Completions


Extended Property Value Completions


Class Completions Within Class Attribute


Class Completions Within CSS Scope

LESS Completion Examples


Mixin Completions, with Parametric Mixin Tab Order

SCSS Completion Examples


Mixin Completions, with Parametric Mixin Tab Order