illepic

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

.thingy {
  background: blue;
}

.i-want-to-extend {

illepic

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

.profile-name,
.screen-name {
  & a {
    display: inline-block;
    overflow: hidden;

illepic

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

// Solution: change .button extendable to %button
%button {
  background: green;
  color: white;
  padding: 20px;

illepic

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.button {
  background: green;
  color: white;
}

illepic

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

@mixin estee-extender($extendable, $mq:false) {
  @if $mq {
    @extend %#{$extendable}-#{$mq};
  } @else {
    @extend %#{$extendable}; 

illepic

{
    "user": {
        "debug": false,
        "delay": 0.25,
        "error_color": "D02000",
        "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
        "gutter_theme_excludes": [],
        "lint_mode": "load/save",
        "linters": {
            "jshint": {

illepic

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

// from way deep in Foundation
$body-bg: white;
$body-font-color: grey;
$primary-color: blue;
$secondary-color: green;

illepic

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@import "compass";

.thingy{
 // mobile first
 background: blue;

illepic

$col-count: 12;

$gutter-width: 2%;
$gutter-count: $col-count - 1;

$outer-gutter-width: 3%;
$outer-gutter-count = 2;

.row{
  width: 1024px;

illepic

{
	"font_face": "Fira Mono OT",
	"highlight_modified_tabs": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"indent_guide_options":
	[
		"draw_normal",