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

Derby - Bourbon & Neat Autocompletions

by redata425 ST2/ST3

Bourbon & Neat Sublime Text Snippets & Auto Completions

Details

Installs

  • Total 1K
  • Win 322
  • OS X 1K
  • Linux 140
Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11
Windows 0 2 1 0 0 1 0 1 0 0 4 2 1 2 1 1 2 1 1 0 0 1 1 1 2 0 1 0 0 1 1 3 1 0 0 2 0 1 4 2 2 0 0 1 1 0
OS X 0 6 6 3 3 3 4 4 2 4 4 5 4 2 5 3 6 0 3 2 6 3 1 3 5 3 4 2 7 7 3 6 1 4 0 2 8 4 4 1 2 2 3 5 5 3
Linux 0 0 0 2 0 0 1 0 5 0 0 2 1 0 1 0 0 1 2 1 0 0 0 0 0 2 0 0 0 1 0 1 1 0 0 1 0 1 1 0 0 1 0 0 0 1

Readme

Source
raw.​github.​com

Derby - Bourbon / Neat Autocompletion For Sublime

Auto-completion pack written by Ross Edman
Sublime autocompletions to aid in using Bourbon and Neat.
Named after the cocktail Derby which contains Lime and Bourbon.

Installation

1. Install SASS Textmate Bundle (Used for syntax highlighting and auto-completion)

https://github.com/nathos/sass-textmate-bundle

2. Install Bourbon & Neat into your project

https://github.com/thoughtbot/bourbon.git
https://github.com/thoughtbot/neat.git

3. Clone the Derby repository into your Sublime Text Packages folder.

https://github.com/redata425/derby.git

License

License: MIT http://www.opensource.org/licenses/mit-license.php

How Do I Use Derby?

Autocompletions

Autocompletions are very self explanatory. These are snippets that are much shorter and are not weighted as heavily in Sublime Text. They just help you autocomplete complicated phrases very quickly. They work just like snippets too!

To run an autocomplete, type in the property you are looking for and hit Tab. Most of the time you don't have to type this much as fuzzy searching in Sublime will catch it earlier. Here is an example with : representing the Tab key.

animation : @include animation( scale 1.0s ease-in );

Docs

Derby's docs section is composed of snippets that are meant to serve as a reference and a teaching aid. These docs can be called on at any time by typing docs and then the reference you are looking for (exp: Animation or BoxSizing). While Bourbon, Neat and SASS are powerful tools, sometimes integrating them into production can be difficult, especially when first learning them. To have a reference at hand should help tremendously! I have even tried to hunt down and reference as many arguments as I can that you can pass into these mixins when applicable.