robertlyall

{
	"bold_folder_labels": true,
	"caret_style": "smooth",
	"color_scheme": "Packages/Github Color Theme/GitHub.tmTheme",
	"draw_centered": false,
	"ensure_newline_at_eof_on_save": true,
	"fade_fold_buttons": false,
	"font_face": "Monaco Lives",
	"font_options":
	[

robertlyall

gzs () {
  gzip -c $1 | wc -c
}

robertlyall

<div class="container">
  <div class="content" role="main">
    <h1>This is the heading</h1>
  </div>
  <aside class="sidebar">
    <p>This is the sidebar</p>
  </aside>
</div>

robertlyall

<div class="content">
  <a href="#" class="button">Button</a>
  <a href="#" class="button button--brand">Button</a>
  <a href="#" class="button button--positive">Button</a>
  <a href="#" class="button button--negative">Button</a>
</div>

<div class="sidebar">
  <a href="#" class="button">Button</a>
  <a href="#" class="button button--brand">Button</a>

robertlyall

<a class="button" href="javascript: void(0)">Button</a>

robertlyall

var gulp = require('gulp');

var rename = require('gulp-rename');

var autoprefixer = require('gulp-autoprefixer');
var cssshrink = require('gulp-cssshrink');
var sass = require('gulp-ruby-sass');

var coffee = require('gulp-coffee');
var concat = require('gulp-concat');

robertlyall

<div class="blog not-blog">
  Hello
</div>

robertlyall

<div class="Admin-dialog dialog dialog--large">
  <div class="dialog-header">
    <h2 class="dialog-title">
  </div>
</div>

<!--


In this instance, dialog is a component and Admin-dialog is a partial.

robertlyall

// Default (OSX).sublime-keymap

[
  { "keys": ["super+shift+."], "command": "run_macro_file", "args": {"file": "Packages/User/order_css.sublime-macro"} }
]

// Packages/User/order_css.sublime-macro

[
	{

robertlyall

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

// variables.scss
$screen-xs-max: 767px;
$screen-sm: $screen-xs-max + 1px;
$screen-sm-max: 991px;
$screen-md: $screen-sm-max + 1px;