Generated by SassMeister.com.

SassMeister-input.scss

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

$color-red: #ff0000;
$has-color: false;
$color-content: 'color';
$colorList: #ff0000 #fff000 #ffff00; 
$colorList2: #ff0000 #fff000 #ffff00;
$fontSizeMap: (h1: 12px, h2: 14px);
$width: 100px;

.container {
  .content {
    color: $color-red;
    width: floor($width / 960px*100%);
    
    @each $header, $size in $fontSizeMap {
      #{$header}: $size;
    }
    
    /* row comments */
    
    @if has-color {
      // .. code .. comment
    }
    
    a { //a:hover
      &:hover {//& heisst das der übergeordnete selector hier eingefügt wird {
        color: blue;  
      }     
      
      .ie9 & {
        color: #ffffff;
      }
      
      .touch & {
        color: #ffffff;
      }
    }
    
    
  }
}

SassMeister-output.css

.container .content {
  color: #ff0000;
  width: 10%;
  h1: 12px;
  h2: 14px;
  /* row comments */
}
.container .content a:hover {
  color: blue;
}
.ie9 .container .content a {
  color: #ffffff;
}
.touch .container .content a {
  color: #ffffff;
}