Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.1.0)
// ----

$white:rgb(250,250,250);

.my-component {
  background:lighten(purple,30%);
  color:purple;
  body.inverted & { // when in invert mode accommodate with high contrast
    background:transparent;
    color:$white; // in _vars.scss we define $white as a near-white value
  }
}

SassMeister-output.css

.my-component {
  background: #ff1aff;
  color: purple; }
  body.inverted .my-component {
    background: transparent;
    color: #fafafa; }