Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

/* mixin */
@mixin my-mixin($color: red) {
  border: 1px solid $color;
  width: 100px;
}
/*
@include apply-to-ie9-only() {
  .ie9 {
    @content;  
  }
}

@inclue apply-to-ie9-only {
  #logo {
    color: blue;
  }
}
*/
.test {
  @include my-mixin(blue);
}

.test2 {
  @include my-mixin(yellow);
}

.error {
  border: 1px solid red;
  color: red;
}

.form-error {
  @extend .error;
  color: blue;
}

.serious-error {
  @extend .error;
}

//placeholder selector 
%error-hallo { // gleich wie .error
  color: blue;
}

%clearfix {
  overflow: hidden;
}

%list-reset {
  margin: 0;
}

.my-error {
  @extend %error-hallo;
}

.my-list {
  @extend %list-reset;
}

@function myPrefix-test($size:960) {
  @return floor($size/960px*100%);
}

#test {
  width: myPrefix-test(100px);
}

SassMeister-output.css

/* mixin */
/*
@include apply-to-ie9-only() {
  .ie9 {
    @content;  
  }
}

@inclue apply-to-ie9-only {
  #logo {
    color: blue;
  }
}
*/
.test {
  border: 1px solid blue;
  width: 100px;
}

.test2 {
  border: 1px solid yellow;
  width: 100px;
}

.error, .form-error, .serious-error {
  border: 1px solid red;
  color: red;
}

.form-error {
  color: blue;
}

.my-error {
  color: blue;
}

.my-list {
  margin: 0;
}

#test {
  width: 10%;
}