Generated by SassMeister.com.

SassMeister-input.scss

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

/* 学习 Sass */

/* 变量 */ 
$font-yahei:    "microsoft yahei";
$main-color: #333;

body {
  font: 12px $font-yahei;
  color: $main-color;
}

/* 计算 「加减带上单位」 */ 
$m-font-size: 12px;

.selector {
  line-height: $m-font-size * 2 + 1px;
}

/* 嵌套规则 */ 
.parent {
  color:#666;
  .child {
    color:#333;
  }
}

/* 并列嵌套 */ 
.parent {
  color:#000;
  &-item {
    color:#999;
  }
  & item {
    color:#ccc;
  }
}

SassMeister-output.css

@charset "UTF-8";
/* 学习 Sass */
/* 变量 */
body {
  font: 12px "microsoft yahei";
  color: #333333;
}

/* 计算 「加减带上单位」 */
.selector {
  line-height: 25px;
}

/* 嵌套规则 */
.parent {
  color: #666;
}
.parent .child {
  color: #333;
}

/* 并列嵌套 */
.parent-item {
  color: #999;
}
.parent item {
  color: #ccc;
}