Gumball is a utility-first CSS framework with self-described utility classes. It has a few commonly used component and layout classes, along with a bit of JavaScript to handle functionality for accordions, carousels and modals.
Variables, mixins, functions and normalized styles.
Utility classes such as .flex
, .md:block
, mb-2
, lg:mb-5
, .text-primary
, bg-secondary
.
Elements are for when you want to quickly create something commonly used such as accordions, buttons, carousels, modals etc.
Layout classes are used for styles affecting the flow of the web page such as:
- containers, a common usage for containing content and centring in the page
- grid, which is used for creating rows and columns such as
.row
and.col-12
,.md:col-6
,.lg:col-4
etc
Pull requests are welcome. For major changes please open an issue to discuss the change.