hidoos · March 12, 2014 09:23
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div class="message">
  测试一下这些内容
 </div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.3.1)
 // Compass (v1.0.0.alpha.18)
 // ----

 // sass 编写组件
 //========================================

 %message{
  padding:0.5em;
  margin:0.5em;
  border-radius:0.15em;
  border:1px solid;
 }

 @mixin message($color){
  @extend %message;
  color:$color;
  border-color: lighten($color, 20%);
  background: lighten($color, 40%);
 }
 .message{
  @include message(#f3f3f3);
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 .message {
  padding: 0.5em;
  margin: 0.5em;
  border-radius: 0.15em;
  border: 1px solid;
 }

 .message {
  color: #f3f3f3;
  border-color: white;
  background: white;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div class="message">
  测试一下这些内容
 </div>