alice-liu

// ----
// libsass (v0.7.0)
// ----

@function get-value($list-map, $key) {
    @each $pair in $list-map { 
        @if nth($pair, 1) == $key {
            @return nth($pair, 2);
        }
    }

alice-liu

.form
  .cell1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat, arcu at molestie iaculis, enim orci pharetra turpis, sed ultrices tortor nunc ac orci. Quisque pellentesque enim et euismod facilisis. Vestibulum sed urna vel dolor imperdiet consectetur nec non arcu. Nunc augue tortor, vulputate in sem vitae, vulputate bibendum tellus.
  .cell2
    blah blah

alice-liu

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

$tooltip-arrow-width: 7px;
$tooltip-arrow-offset: $tooltip-arrow-width * 2;
$white: white;
$border-color: gray;

alice-liu

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

$tooltip-arrow-width: 7px;
$tooltip-arrow-offset: $tooltip-arrow-width * 2;
$white: white;
$border-color: gray;

alice-liu

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

%foo {
  color: bue;
}

.blah {

alice-liu

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@for $d from 1 to 10 {
  %color-#{$d} {
    color: scale(red, 10% * $d);
  }
}

alice-liu

<div></div>

alice-liu

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

// non-default var defined after
$foo: blue !default;
$foo: red;

.bar {

alice-liu

.parent
  .child boo
  .child baz
  .foo
    .child blah
  .child
    bar

alice-liu

%nav.vertical
  %h1.header.vertical--first header
  %ul.list.vertical--last
    %li.item
      %a.link blah
    - for i in 1..2 do
      %li.item__nested
        %a.link nested!
        %ul.list
          %li.item