Everyone deserves a website

and the ability to create it

Colors

Boreal ships a wide variety of colors and also the ability to add more that will generate the whole use cases instantly.

Neutral colors
Dark
Text
Light
White

Theme colors
Primary
Info
Success
Warning
Danger

Alternative Colors
Fire
Pink
Purple
Violet
Salmon
Magenta
Fucsia
Indigo
King
Slate
Cyan
Water
Teal
Lantern
Caribean
Tify
Radioactive
Orange
Tulip
Gold
Toxic
Burn
Brown
Cortex
Grey
Smog
Steel
Concrete

Elements


The code block

This is a code block

The container

It wraps your content into a max width of 1200 pixels or 100% in smallers devices, it also has a fluid behaviour that goes to a max width of 1400 pixels.

Simple container


Fluid container


Links

The anchor tags are simply treated with a different color, you can customize the display color by adding the .text-{color} class.

I'm a link I'm a magenta link I'm a cyan link

Sections

Section is a class to be used with the semantic section tag.

Modifiers

As with other Boreal elements, you can change the background and text colors, and also the size (small, medium, large).

Examples

Simple section (tinted to show)

Sizes

Small


Medium


Large


[WIP]