lightwebapp
lightwebapp is a minimal customization on top of Bootstrap's Reboot to provide a cleaner look to basic web apps that use inputs and buttons.
This page itself is styled with lightwebapp's custom CSS. The only classes defined by this library are:
main.lightwebapp: turns the<main>element inside<body>into 720px-wide centered containers in desktop, and full-width containers in mobile.button.red,button.green,button.blue- color classes for<button>elements.
Apart from main.lightwebapp, this library will never
provide any layout definitions or component classes.
The recommended approach for using lightwebapp is old-school: just copy the CSS files into your project: I expect it to be updated very rarely.
Examples
Below are the main customizations on top of Bootstrap's Reboot, in
addition to this entire page itself which uses
main.lightwebapp.
All form elements have some basic styling applied.
Button group
Any div containing just <button> elements is a
button group.
A button group without colored buttons has collapsed internal borders.
Colored buttons are possible in a group or outside of one, but they have non-collapsed borders.
Links
Display links in a more app-like style.
Keyboard shortcuts
Applies to <kbd> elements.
Shift + Alt + A