Sass/Scss reuse same styles for addon


So I have a class that I have applied some styles too as shown below:

.onetrust_container {
  display: grid;
  place-items: center;
  height: 50vh;
  text-align: center;

  &-map {
    height: 100vh;
  }
}

For some odd reason, the -map addon doesn’t reuse the above styles, such as this:

enter image description here

I want to have the following items:

.onetrust_container {
  display: grid;
  place-items: center;
  height: 50vh;
  text-align: center;
}
.onetrust_container-map {
  display: grid;
  place-items: center;
  height: 100vh;
  text-align: center;
}

All help will be appreciated!

Source: CSS – Stack Overflow

November 30, 2021
Category : News
Tags: css | sass

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.