Reorganise css

[islami00]

Context

The current mode of organising css follows atomic styles. Although the concept is okay, the implementation makes it a bit difficult to navigate between files and locate styles without searching the codebase.

Todo

• Find a more intuitive way of organising css

[islami00]

Examples of intuitive methods:

• fireshipio: https://github.com/fireship-io/fireship.io/tree/master/design/scss

• Component-based css
  https://syntax.fm/show/104/css-layout

[islami00]

Try open props for faster prototyping of the difficult parts: https://open-props.style/
e.g Buttons : https://codepen.io/argyleink/pen/gOXbvjj

Can adopt gradually