NELIS Bootstrap Theme

Lorem ipsum dolor amet portland cloud bread jean shorts austin pug tumeric messenger bag. Pabst heirloom 90's pok pok aesthetic coloring book kitsch succulents pork belly church-key street art fingerstache quinoa messenger bag. Scenester sustainable activated charcoal meditation truffaut tumeric, godard offal vape coloring book lyft. Single-origin coffee truffaut fashion axe PBR&B, craft beer kickstarter deep v try-hard cloud bread selfies church-key. Ugh blue bottle woke, tilde mustache sriracha selfies literally gochujang deep v waistcoat fam cronut.

Colors


Main

Main base (.bg-main)
Main lightened 10% (.bg-main-lighten-10)
Main lightened 20% (.bg-main-lighten-20)
Main lightened 30% (.bg-main-lighten-30)
Main lightened 40% (.bg-main-lighten-40)
Main lightened 50% (.bg-main-lighten-50)

Complementary

Light bg (.bg-complement)
Header text color
Secondary warm base(.bg-secondary-warm)
Sec. warm light (.bg-secondary-warm-lighten-10)
Sec. warm lightest (.bg-secondary-warm-lighten-20)

Accents

Cool accent base (.bg-accent-cool)
Cool accent light (.bg-accent-cool-lighten-10)
Cool accent lightest (.bg-accent-cool-lighten-20)
Warm accent base (.bg-accent-warm)
Warm accent light (.bg-accent-warm-lighten-10)
Warm accent lightest (.bg-accent-warm-lighten-20)

The main colors up to the lightened by 20%, secondary warm base, and accent base colors can also be used as border colors. Use class .border-{color} for a border all the way around, or .border-{side}-{color} to add a border to a particular side.

Testing an icon

Modals


We are using Bootstrap-FSModal to style the modals to be full-screen on mobile.