SASS Example - Nesting Feature

This example demonstrates how to create a nested CSS structure

HTML

<label>
  <input class="checkbox" type="checkbox">
  <span class="check"></span>
</label>

SCSS

label {
   position: relative;
} 
input.checkbox {
    opacity: 1;
    position: absolute;
}

input.checkbox:checked + span.check {
     width: 16px;
     height: 16px;
     border: 2px solid black;
     display: inline-block;
     position: absolute;
}