Cleaning of CSS in vue files (migration to SCSS)

[christianlupus]

The vue files have a quite wide mix of CSS styles and are not well readible. It might be a good idea to use SCSS to reduce the overhead plus #531 to have a good indentation

[seyfeb]

We could also (additionally) consider using the BEM class naming scheme.

[christianlupus]

I have never used BEM (had to google) and have no experience of the benefits/drawbacks. I can understand that the specificity might cause trouble from time to time if understood wrong. Here, BEM seems an easy solution.

Nevertheless, this is not something I would consider high-priority currently. It's here to be kept in mind.

[seyfeb]

Let’s say, it is less helpful than for general use due to the scoped styles we are using with vue.js

[TheMBeat]

Maybe Tailwind could be a good option for styling.