Generated by SassMeister.com.

SassMeister-input.scss

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

/* Normal Nesting */
.cat {
  &.tabby,
  &.russian-blue {
    dispay: block;
  }
}

// Selector Functions
  /* Selector Nesting */
  // selector-nest($selectors...)
  #{selector-nest(".maine-coon, .siamese", ".meow")} {
    display: block;
  }
  
  /* Selector Append */
  // selector-append($selectors...)
  #{selector-append(".maine-coon, .siamese", ".meow")} {
    display: inline-block;
  }
  
  #{selector-append(".maine-coon, .siamese", "-meow")} {
    display: grid;
  }
  
  /* Selector Extend (like @extend) */
  // selector-extend($selector, $extendee, $extender)
  #{selector-extend(".tiger.purr", ".purr", ".meow")} {
    dislay: table-cell;
  }
  
  /* Selector Replacement */
  // selector-replace($selector, $original, $replacement)
  #{selector-replace(".cat.tabby", ".tabby", ".tortoise")} {
    display: block;
  }
  
  /* Concatenation */
  // selector_unify($selector1, $selector2)
  #{selector-unify(".scottish-fold", ".scratch")} {
    display: flex;
  }
  
  /* `&` Selector and Caching */
  ul {
    $parent: &;
    
    li {
      color: blue;
    
      & li {
        color: purple;
      }
      #{$parent} li {
        color: red;
      }
    }
  }

SassMeister-output.css

/* Normal Nesting */
.cat.tabby, .cat.russian-blue {
  dispay: block;
}

/* Selector Nesting */
.maine-coon .meow, .siamese .meow {
  display: block;
}

/* Selector Append */
.maine-coon.meow, .siamese.meow {
  display: inline-block;
}

.maine-coon-meow, .siamese-meow {
  display: grid;
}

/* Selector Extend (like @extend) */
.tiger.purr, .tiger.meow {
  dislay: table-cell;
}

/* Selector Replacement */
.cat.tortoise {
  display: block;
}

/* Concatenation */
.scottish-fold.scratch {
  display: flex;
}

/* `&` Selector and Caching */
ul li {
  color: blue;
}
ul li li {
  color: purple;
}
ul li ul li {
  color: red;
}