Bring Back Direct CSS Editing in Perspective – Keep Dev Workflows Fast & Transparent

Ok, I wonder when I only add index.css into to the resource file and inside index.css we have @import "./variables.css"; it should automatically access to it without adding to the resources. Am I right? The index.css is entry point to whole other nested CSS files. In practice, we have +50 CSS file, now imagine it will be nightmare for me to add all of these dependency into the resource file.

Imagine I add all of my css file inside another folder called my-light and I just reference variables.css from index.css as following image. This doesn’t work.