Overview
The Cupcake Design System provides a set of CSS utility classes that can be used on any element in order to modify the text, element placement or adjust the padding and margin.
CSS Utilities Overview
Utilities provide the building blocks for layout and handle a range common use cases that help us avoid writing custom styles. When we need to add something like margin or padding padding to an element, rather than adding a new selector specific to that use case, we can use utilities. This helps reduce the number of unique property-value pairs, and helps keep consistent styles across products.