example-block.scss

// ok, this file is called example-block?! How is that?! 
// No, this is just to identify gists ;)

// Sooo, name the element after, you know, an element or a generic reference to it!
// do!
.example {
  &__wrapper {
    // code
  }
  
  &__innerWrapper {
    // code
  }
  
  &__hl {
    // code
  }
  
  &__subHl {
    // code
  }
  
  &__list {
    // code
  }
  
  &__listItem {
    // code
  }
  
  &__txt {
    // code
  }
}
  
// don't! what if you want to reuse the same styles in another component? or the requirement changes!
.example {
  &__copyrightNotice {
    // code
  }
  
  &__productDescription {
    // code
  }
  
  &__largeTitle {
    // code
  }
}