Using @at-root to break out nesting in SASS

Posted on

in

,

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. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

April 2024
M T W T F S S
1234567
891011121314
15161718192021
22232425262728
2930