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

// ----
// 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

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

.foo {
  color: red;
  
  .ie8 & {
    color: blue;
  }

alice-liu

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$color: red;
$background-image: image-url('foo.png');
$offsets: -8px -20px;

.stuff {

alice-liu

%a
  test1
%a
  test2
%a
  test3

alice-liu

%a
  test1
%a
  test2
%a
  test3

alice-liu

<div class="hello-example">
    <a href="http://example.com">English:</a>
    <span lang="en-us en-gb en-au en-nz">Hello World!</span>
</div>
<div class="hello-example">
    <a href="#portuguese">Portuguese:</a>
    <span lang="pt">Olá Mundo!</span>
</div>
<div class="hello-example">
    <a href="http://example.cn">Chinese (Simplified):</a>

alice-liu

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

.a {
  color: red;
  
  &:disabled {
    color: blue;

alice-liu

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

@import "sass-maps-plus";

// nav component configs (How to distinguish between component structure and style schema?)
$nav: (
  item: (
    color: (

alice-liu

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

@import "sass-maps-plus";

// nav component configs (How to distinguish between component structure and style schema?)
$nav: (
  item: (
    color: (