malrase

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

div.colors {
  background: grayscale(red);
  background: saturate(red);
  background: saturate(red, 20%);
  background: invert(red);

malrase

// ----
// libsass (v2.0.0)
// ----

body /deep/ .library {
  color: blue;
}

malrase

// ----
// libsass (v2.0.0)
// ----

#something::shadow {
  color: blue;
}

:host .library {
  background: green;

malrase

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

@function measure-margin($scale, $measure, $value) {
  @return ($measure/$scale)#{$value};
}

.test {

malrase

// ----
// libsass (v2.0.0)
// ----

.social-icon {
  @each $social in facebook, instagram, twitter, email {
    &--#{$social} {
      color: blue;
    }
  }

malrase

// ----
// libsass (v2.0.0)
// ----

@function measure-margin($scale, $measure, $unit) {
  @return ($measure/$scale)#{$unit};
}

.test {
  margin: measure-margin(10, 100, rem);

malrase

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

/*@each $header, $size in (h1: 2em, h2: 1.5em, h3: 1.2em) {
    #{$header} {
        font-size: $size;
    }
}*/

malrase

// ----
// libsass (v2.0.0)
// ----

@for $i from 1 through 3 {
  foo.bar#{$i} {
    background-size: #{$i * 10}% 100%;
  }
}

malrase

// ----
// libsass (v2.0.0)
// ----

$var: orange;

.test {
  color: $var;
}

malrase

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

$mediaquery: 'and (min-width: 300px)';

@media all #{$mediaquery} {
  div {
    display: block;