2/6
CSS Mods
I used clear and concise organization to explain the process of separating the CSS styles into modular style sheets. I provided examples of how the new design system has improved the design process to isolate CSS problems by its modality. I emphasized the importance of implementing rules and organization in the design process, and how it can benefit both designers and developers in the long run.
- CSS Stylesheets: The content is not overwhelming and there is no unnecessary repetition. It is easy to organize
- Fonts: For better legibility, let's keep all the text in one place. This way, we can easily switch to different UI-friendly fonts and see how they look.
- Buttons: All the buttons have been organized in one sheet, which is a common practice to keep buttons and states separated. This is because there are numerous types of buttons and states to manage.
- Cards: Various types of data cards, information cards, and pop-ups require their style sheet.
- Icons: We recently had numerous sets of icons made, and it was in our best interest to keep icons in their style sheets with different families. Although there are online libraries.