CSS custom properties

[YohannParis]

What

• fix #99

How

• Created a new series of styles files using CSS
• Updated rollup.config.js to copy the CSS files as they are not processed, and remove the unused dev server.
• Removing all the references to SCSS variables and replacing them with CSS custom properties
• Took advantage of going through many files to organize CSS properties alphabetically and remove simple selector nesting. That might help SCSS pre-processing of so many components. (for me, it went from 40sec build to 15sec).
• Move Nord colours as CSS files directly

[RosaRomeroGomez]

Some awkward behaviors I've seen from my tests:

• Dropdown menu in the Models view

• Border of the search bar

• In the Knowledge view, the drilldown panel seems to increase its size when you switch between the Preview and Models panes.

[mj3cheun]

nothing more to add from my end, nice job

[YohannParis]

Some awkward behaviors I've seen from my tests:

• Dropdown menu in the Models view
• Border of the search bar
• In the Knowledge view, the drilldown panel seems to increase its size when you switch between the Preview and Models panes.

@RosaRomeroGomez those are all fixed!

[RosaRomeroGomez]

Everything looks good now. I just noticed that we still have a blue outline for the search bar when we select it. We probably want to switch that to the yellow selection color:

[YohannParis]

Everything looks good now. I just noticed that we still have a blue outline for the search bar when we select it. We probably want to switch that to the yellow selection color:

This has been fixed, thanks for noticing.