< Back to Coding, SASS

Using @at-root to break out nesting in SASS

An example would be a close button, where it’s primary goal is to close an overlay but it could be used in other cases maybe like a popup and so you don’t want to restrict it to be a parent of the modal and want all close buttons to be styled the same.

.modal {
  //styling

  @at-root .closeBtn {
    //styling
  }
}

Leave a Reply

Your email address will not be published.