/gumball

:lollipop: Lightweight Front End UI Kit

Primary LanguageSCSSMIT LicenseMIT

Gumball

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.

Dependency Status CSS gzip size JS gzip size

Base

Variables, mixins, functions and normalized styles.

Utility

Utility classes such as .flex, .md:block, mb-2, lg:mb-5, .text-primary, bg-secondary.

Elements

Elements are for when you want to quickly create something commonly used such as accordions, buttons, carousels, modals etc.

Layout

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

Contributing

Pull requests are welcome. For major changes please open an issue to discuss the change.

License

MIT License