Style Guide

While we adhered to Bootstrap styles as closely as we could, you can totally set your own design standards here! Every color you see is set as a GLOBAL color swatch, meaning that you can edit in the Style Panel just once and the change will be reflected website-wide! Furthermore, almost every color swatch has a very similar color used for the :hover state. (Optional)

Please note that if you are at all interested in styling the :disabled state of the toggle (how it looks when it's disabled), we had to reference these from our own file, as :disabled is not a property in Webflow that we can style (yet), unlike :hover and :focus!

The disabled styles can be found here. It's also the first <link> element in the custom code settings on the Home Page.