alice-liu

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

@import "include-media";

$breakpoints: (
    phone: 736px,
    tablet: 1024px,
    desktop-large: 1280px

alice-liu

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

@import "include-media";

$breakpoints: (
    phone: 736px,
    tablet: 1024px,
    desktop-large: 1280px

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: (

alice-liu

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

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

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

%a
  test1
%a
  test2
%a
  test3

alice-liu

%a
  test1
%a
  test2
%a
  test3

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

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

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