Example of additive styles

additive.scss

.userPreview {
  border: solid $off-black;
  
  &.--default {
    border-width: 5px;
    font-size: 1.5rem;
    background: $light-gray;
  }
  
  &.--compact {
    border-width: 1px;
  }
}