Fully use BEM CSS for components

[TheComputerM]

Instead of using component scoped styles we currently use BEM CSS to make components more customizable. However we do not use BEM method for properties, for example:

currently

<div class="s-btn active">
  <div class="s-btn__content">
    ...
  </div>
</div>

change

<div class="s-btn s-btn--active">
  <div class="s-btn__content">
    ...
  </div>
</div>

This will make it better for users as there is no chance that their own style classes with clash with svelte-materialify.

[Florian-Schoenherr]

@TheComputerM Before I start implementing this, have you considered cube-css?

[TheComputerM]

Don't implement this just yet, have many alternatives to BEM such as ABEM, CUBE and SUIT