airen

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

@keyframes animation{
  @for $i from 1 through 5 {
    $test: $i * 20%;
    #{$test} {
      background: url(images/bg-#{$i}.png);

airen

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

@function map-has-nested-keys($map, $keys...) {
  @each $key in $keys {
    @if not map-has-key($map, $key) {
      @return false;
    }

airen

<div class="wrap">
  <div class="one">我的中国我的中国我的中国我的中国我的中国我的中国我的中国我的中国我的中国我的中国</div>
<div class="more">我的中国我的中国我的中国我的中国我的中国我的中国我的中国我的中国我的中国我的中国我的中国</div>
</div>

airen

<ul>
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
  <li>item5</li>
  <li>item6</li>
  <li>item7</li>
  <li>item8</li>
  <li>item9</li>

airen

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

//定义一个占位符

%mt5 {
  margin-top: 5px;
}

airen

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

//SCSS中占位符的使用
%mt{
  margin-top: 5px;  
}

airen

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

//SCSS 继承的运用
.mt{
  margin-top: 5px;  
}

airen

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

@mixin mt($var){
  margin-top: $var;  
}

.block {

airen

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

//SCSS
%mt5 {
  margin-top: 5px;
}
%pt5{

airen

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

//SCSS
.btn {
  border: 1px solid #ccc;
  padding: 6px 10px;
  font-size: 14px;