Generated by SassMeister.com.

SCSS_basic-syntax.css

h1, h2, h3 {
  bottom: rem(5);
  color: as;
  font-family: asa;
  left: 0;
  font-size: rem(36);
  position: absolute;
  right: 0;
  text-align: center;
}
h1 > span, h2 > span, h3 > span {
  font-family: xyz;
  font-weight: 400;
}

p {
  margin: 2em auto;
}
p > a {
  color: red;
}
p > a:before {
  content: blank;
}
p > a:focus, p > a:active {
  position: relative;
  left: 0;
  width: auto;
  height: auto;
  background-color: #262629;
  color: #fff;
  outline: 0px solid #4572ed;
}
p:after {
  content: "* * *";
}

.class-text1 {
  padding: 0;
}
.class-text1 .class-text2 {
  color: #000;
}

SCSS_basic-syntax.scss

// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----

h1, h2, h3 {
  bottom: rem(5);
  color: as;
  font-family: asa;
  left: 0;
  font-size: rem(36);
  position: absolute;
  right: 0;
  text-align: center;

  > span {
    font-family:xyz;
    font-weight:400;
  }
} 

p {
    margin: 2em auto;

    > a {
        color: red;
    
       &:before {
        content: blank;
      }
      &:focus, &:active {
  	  position: relative;
      left: 0;
      width: auto;
      height: auto;
      background-color: #262629;
      color: #fff;
      outline: 0px solid #4572ed;
      }
    }
    &:after {
        content: "* * *";
    }
}
.class-text1 {
  padding:0;
  .class-text2 {
    color:#000;
  }
}