sass mixin for parent with class

SassMeister-input.scss

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

@mixin parent($with-selector: '') {

  @each $selector in & {

    $l: length($selector) + 1;

    @if ($l == 1) {
      @error "Used parent mixin on a top-level selector";
    } @else {

      $parent: nth($selector,1) + $with-selector;

      @for $i from 2 to $l {
        $parent: append($parent,nth($selector,$i));
      }

      @at-root #{$parent} {
        @content;
      }
    }
  }
}

// .grandparent {
//   .parent{
//       .child {
//         font-size: 1em;
//           .another-child {
//             color: red;
//             @include parent('.-with-border') {
//               font-size: 0px;
//             }
//           }
//       }
//   }
// }

.progress-button {
  .content {
    &::after,
    &::before {
      position: absolute;
      
      @include parent('.-with-border') {
        opacity: 1; 
      }
    }
  }
}

SassMeister-output.css

.progress-button .content::after, .progress-button .content::before {
  position: absolute;
}
.progress-button.-with-border .content::after {
  opacity: 1;
}
.progress-button.-with-border .content::before {
  opacity: 1;
}