Drupal provides many things. However, one thing that it does not provide is any kind of CSS component library. In the Using the new asset management system recipe of Chapter 5, Frontend for the Win, we added FontAwesome as a library. CSS frameworks implement robust user interface design components, and they can be quite large if you use a compiled version with everything bundled. The asset management system can be used to define each component as its own library to only deliver the exact files required for a strong frontend performance.
In this recipe, we will implement the Semantic UI framework, using the CSS-only distribution, which provides each individual component's CSS file. We will register the form, button, label, and input components as libraries. Our custom theme will then alter the Drupal elements for buttons, labels...
