Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

/*-----------------------------------------------------*/
/*--------------------- VERSION 1 ---------------------*/
/*-----------------------------------------------------*/
.link-a {
  color: red;
  &:after {
    background: red;
    .no-svg & {
      background: red;  
    }
  }
  &:hover,
  &:focus {
    color: red;
    &:after {
      background: red;
      .no-svg & {
        background: red;  
      }
    }
  } 
}


/*-----------------------------------------------------*/
/*--------------------- VERSION 2 ---------------------*/
/*-----------------------------------------------------*/
.link-b {
  color: blue;
  &:hover,
  &:focus {
    color: blue;
  }
}
.link-b:after {
  background: blue;
  .no-svg & {
    background: blue;
  }
}
.link-b:hover:after,
.link-b:focus:after {
  background: blue;
  .no-svg & {
    background: blue;
  }
}


/*-----------------------------------------------------*/
/*--------------------- VERSION 3 ---------------------*/
/*-----------------------------------------------------*/
.link-c {
  color: green;
}
.link-c:hover,
.link-c:focus {
  color: green;
}
.link-c:after {
  background: green;
}
.link-c:hover:after,
.link-c:focus:after {
  background: green;
}
.no-svg .link-c:after {
  background: green;
}
.no-svg .link-c:hover:after,
.no-svg .link-c:focus:after {
  background: green;
}

SassMeister-output.css

/*-----------------------------------------------------*/
/*--------------------- VERSION 1 ---------------------*/
/*-----------------------------------------------------*/
.link-a {
  color: red;
}
.link-a:after {
  background: red;
}
.no-svg .link-a:after {
  background: red;
}
.link-a:hover, .link-a:focus {
  color: red;
}
.link-a:hover:after, .link-a:focus:after {
  background: red;
}
.no-svg .link-a:hover:after, .no-svg .link-a:focus:after {
  background: red;
}

/*-----------------------------------------------------*/
/*--------------------- VERSION 2 ---------------------*/
/*-----------------------------------------------------*/
.link-b {
  color: blue;
}
.link-b:hover, .link-b:focus {
  color: blue;
}

.link-b:after {
  background: blue;
}
.no-svg .link-b:after {
  background: blue;
}

.link-b:hover:after,
.link-b:focus:after {
  background: blue;
}
.no-svg .link-b:hover:after, .no-svg
.link-b:focus:after {
  background: blue;
}

/*-----------------------------------------------------*/
/*--------------------- VERSION 3 ---------------------*/
/*-----------------------------------------------------*/
.link-c {
  color: green;
}

.link-c:hover,
.link-c:focus {
  color: green;
}

.link-c:after {
  background: green;
}

.link-c:hover:after,
.link-c:focus:after {
  background: green;
}

.no-svg .link-c:after {
  background: green;
}

.no-svg .link-c:hover:after,
.no-svg .link-c:focus:after {
  background: green;
}