scss is not adding attribute selector to parent/wrapper selector.

[Blumed]

scss I wrote:

.page-container {
  .hero {
    position: relative;
    height: 475px;
    z-index: 2;
    padding-top: 100px;
}}


Generated styles:

.page-container .hero[data-v-c4d02dc4] {
  position: relative;
  height: 475px;
  z-index: 2;
  padding-top: 100px;
}

Generated Markup:

<div class="page-container" data-v-c4d02dc4>
<section class="hero">bunch of stuff</section>
</div>