Sass @at-root Example

sass-at-root-example.md

SCSS

.custom-select {
  // ...

  &--active {
    // ...
  }

  &--dark {
    // ...

    .custom-select__option {
      // ...

      &--value {
        // ...

        &::after {
          // ...

          // If block has both modifiers
          @at-root {
            .custom-select--active#{&} {
              // ...
            }
          }
        }
      }
    }
  }

  &__option {
    // ...

    &--value {
      // ...
    }
  }
}

Output CSS

.custom-select--dark .custom-select-option--value::after {
  // ...
}

.custom-select--active.custom-select--dark .custom-select-option--value::after {
  // ...
}