css-cascade

I have a .card component with two variants: .card { padding: 2rem; border: 2px solid black; &.is-dark { background: #151515; p { color: white; } } &.is-light { background: #fcfcfd; p { color: #111; } } } <div class="card is-light">…