Cacher is the code snippet organizer for pro developers

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

%xxx {
  color: red;
}

%hoge {
  @extend %xxx;
  color: white;
}

%fuga {
  color: black;
}

.foo {
  @extend %hoge;
  @extend %fuga;
  color: green;
}

.bar {
  @extend %hoge;
  color: blue;
}

$fg: true;
.xxx {
  @if $fg {
    @extend %hoge;
  } @else {
    @extend %fuga;
  }
}

.foo, .bar, .xxx {
  color: red;
}

.foo, .bar, .xxx {
  color: white;
}

.foo {
  color: black;
}

.foo {
  color: green;
}

.bar {
  color: blue;
}