Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

// imagestyle 演示变量sass里变量的作用
//==========================================================

$imgStyleBorder:2px solid red;
$imgStyleBorder:1px solid #ccc !default;
$imgStylePadding:2px !default;
$imgStyleRadius:8px !default;

@mixin imgStyle($border:$imgStyleBorder,$padding:$imgStylePadding){
  border:$border;
  padding:$padding;
}

@mixin imgRadius($radius:$imgStyleRadius){
  border-radius:$radius;
}

// 样式
//============================================================
.imgStyle{
  @include imgStyle;
}

.imgRadius{
  @include imgRadius;
}

SassMeister-output.css

.imgStyle {
  border: 2px solid red;
  padding: 2px;
}

.imgRadius {
  border-radius: 8px;
}

sass变量揭秘：http://www.w3cplus.com/preprocessor/sass-basic-variable.html