JSFiddle - React, Tailwind, and code Playground

by Salmin Skenderovic

HTML

<div class="setting">main</div>
<div class="setting setting-indent">sub</div>

<div class="setting">main</div>
<div class="setting setting-indent">sub</div>
<div class="setting setting-indent">sub</div>

<div class="setting">main</div>
<div class="setting setting-indent">sub</div>
<div class="setting setting-indent">sub</div>

SCSS

.setting:not(.setting-indent) {
  &~.setting-indent {
    margin-left: 1rem;
  }
}