airen

<ul>
  <li class="active">tab1</li>
  <li>tab1</li>
  <li>tab1</li>
</ul>

<div class="box">
  <div>Tab</div>
  <div class="current">Tab</div>
  <div>Tab</div>

airen

<span class="icon-bar">bar</span>
<span class="tool icon-bar">bar</span>
<span class="test test icon-bar">bar</span>

airen

<a class="btn">default</a>

airen

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

$list: adam john wynn mason kuroir;

@mixin author-images {
    @each $author in $list {
        .photo-#{$author} {

airen

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

$types: 4;
$type-width: 20px;

@while $types > 0 {
    .while-#{$types} {

airen

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

//SCSS 
$grid-prefix: span !default;
$grid-width: 60px !default;
$grid-gutter: 20px !default;

airen

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

//SCSS 
$grid-prefix: span !default;
$grid-width: 60px !default;
$grid-gutter: 20px !default;

airen

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

@for $i from 1 through 3 {
  .item-#{$i} { width: 2em * $i; }
}

airen

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

//SCSS
@mixin blockOrHidden($boolean:true) {
  @if $boolean {
    @debug "$boolean is #{$boolean}";
      display: block;

airen

<div class="tips">
  <span class="caret"></span>
  我是一个tooltip
</div>