justinryder

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

.foo {
  content: 'no media query';
  
  @media screen and (min-width: 640px) {
    content: 'min-width: 640px';

justinryder

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

$before: 'before' !default;

@function func() {
  $before: 'before func';
  $after: 'after func';

justinryder

// ----
// libsass (v3.2.5)
// ----


// theme partial
$foo: 'theme value for $foo';

$bar: 'theme value for $bar';

justinryder

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

// Can we increase specificity without typing the class name twice?
// e.g .foo.foo {}

.foo {
  // Nope, we just get .foo {}

justinryder

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

%my-placeholder {
  color: red;
}

.foo.foo {

justinryder

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

.foo {
  .modernizr-class {
    color: red;
  }
  

justinryder

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

@mixin media-query {
  @media (max-width: 600px){
    @content;
  }
}

justinryder

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

@mixin media-query {
  @media (max-width: 600px){
    @content;
  }
}