CUBE for organizing D-Installer's CSS
Hi there! During Christmas, I came across the CUBE CSS[1] methodology and found it simple and straightforward. I also watched the interesting "Be the browser’s mentor, not its micromanager"[2] talk from its author. I suggested applying it in the D-Installer web UI[3]. We have barely introduced the term and gotten rid of a few things to start accommodating the CSS in those layers: Composition, Utilities, Blocks, and Exceptions. For sure, we have to choose better names for CSS classes too. Oh! Naming things... always the hardest part![4] BTW, talking about layers, Did you know about CSS @layers[5][6][7]? I did not. Among other impressive CSS features[8], it looks promising. I can foresee D-Installer itself making use of them for helping with frameworks overrides and theming :) Cheers! [1] https://cube.fyi/ [2] https://www.youtube.com/watch?v=5uhIiI9Ld5M [3] https://github.com/yast/d-installer/pull/391 [4] https://xkcd.com/910/ [5] https://drafts.csswg.org/css-cascade-5/#layering [6] https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/ [7] https://ishadeed.com/article/cascade-layers/ [8] I know, I have been disconnected from the web evolution for a long time already. The good part is that now I'm so excited about almost every article I read. Let's see how much I'm able to keep surfing the wave :P -- David Díaz YaST Team at SUSE LINUX GmbH IRC: dgdavid
participants (1)
-
David Díaz