djs070

{
  "vars": {
    "@gray-base": "#000",
    "@gray-darker": "lighten(@gray-base, 13.5%)",
    "@gray-dark": "lighten(@gray-base, 20%)",
    "@gray": "lighten(@gray-base, 33.5%)",
    "@gray-light": "lighten(@gray-base, 46.7%)",
    "@gray-lighter": "lighten(@gray-base, 93.5%)",
    "@brand-primary": "darken(#428bca, 6.5%)",
    "@brand-success": "#5cb85c",

djs070

npm install -g jade stylus

jade --watch --pretty --out 'build' index.jade

djs070

1. Tools > New Plugin
2. Paste code_folding.py
3. Add key binding at Sublime Text 2 > Preferences > Key Bindings - User
4. Restart sublime

djs070

// Media Queries in Sass 3.2
//
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all 
// trigger at different points along the way
//
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break

djs070

iPad

1024 × 690  In landscape on iOS 4.3
1024 × 672  In landscape on iOS 5
768  × 946  In portrait on iOS 4.3 
768  × 928  In portrait on iOS 5
             
1024 × 660  Always showing bookmarks bar in landscape on iOS 4.3
1024 × 644  Always showing bookmarks bar in landscape on iOS 5
768  × 916  Always showing bookmarks bar in portrait on iOS 4.3 

djs070

(function($) {
  // Backbone code in here
})(jQuery);