jdsteinbach

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

$simple-map: (
  key1: value1,
  key2: value2
);
$complex-map: (

jdsteinbach

// ----
// libsass (v3.0)
// ----

.at-root-test {
  content: 'parent';
  .nest {
    content: 'child';
    @at-root .selector {
      content: "not nested";

jdsteinbach

<div><code>call()</code> test</div>

jdsteinbach

// ----
// libsass (v3.0)
// ----

$list: apple, orange, banana, kiwi;
@function check-not($value) {
  @if not index($list, $value) {
    @return "false";
  } @else {
    @return "true";

jdsteinbach

// ----
// libsass (v3.0)
// ----

$error-text: 'error text';
.at-error {
  color: blue;
  @error 'Error: #{$error-text}.';
  @error 'Error: ' + $error-text + '.';
}

jdsteinbach

// ----
// libsass (v3.0)
// ----

$breakpoints: (
  small: 320px,
  medium: 650px,
  large: 1060px
);

jdsteinbach

// ----
// libsass (v3.0)
// ----

@import "bourbon/bourbon";
@import "neat/neat";

$em-base: 10;
$max-width: 60em;
$grid-columns: 8;

jdsteinbach

// ----
// libsass (v3.0)
// ----

$breakpoints: (
  small: 320px,
  medium: 650px,
  large: 1060px
);
@function strip-units($number) {

jdsteinbach

<div class="container">
  <div class="small">
    Small
  </div>
  <div class="large">
    Large
  </div>
  <div class="tiny">
    Tiny
  </div>

jdsteinbach

<div class="container">
  <div class="small">
    Small
  </div>
  <div class="large">
    Large
  </div>
  <div class="tiny">
    Tiny
  </div>