Uikit backgrounds

To apply a background color to an element, add one of the following classes. The actual color for each modifier is defined by the UIkit style that you have chosen or customized.
.uk-background-default .uk-background-muted .uk-background-primary .uk-background-secondary


Default

Muted

Primary

Secondary

Theme backgrounds

To apply a background color to an element, add one of the following classes :
.bg-White .bg-primary .bg-Danger .bg-success .bg-Warning .bg-info .bg-grey .bg-Dark



White

Primary

Danger

Success

Warning

Info

Grey

Dark

Light

Note To change the text inside the element to light use this class uk-light.

Theme soft backgrounds

To apply a background color to an element, add one of the following classes :
.bg-soft-primary .bg-soft-Danger .bg-soft-success .bg-soft-Warning .bg-soft-info .bg-soft-grey .bg-soft-Dark



White

Primary

Danger

Success

Warning

Info

Dark

Gradient backgrounds

To apply a background color to an element, add one of the following classes :
.bg-gradient-primary .bg-gradient-Danger .bg-gradient-success .bg-gradient-Warning .bg-gradient-info .bg-gradient-grey .bg-gradient-dark .bg-gradient-light



Primary

Danger

Success

Warning

Info

Dark

Grey

Light

gradient Shadow

To apply a gradient shadow to an element, add one of the following classes :
.shadow-primary-sm .shadow-primary-sm .shadow-primary-lg ....



Primary

Primary

Primary

Danger

Danger

Danger

Success

Success

Success

Warning

Warning

Warning

Info

Info

Info

Dark

Dark

Dark

Grey

Grey

Grey

Light

Light

Light

Text Colors


.uk-text-muted .uk-text-emphasis .uk-text-primar .uk-text-secondary .uk-text-success .uk-text-warning .uk-text-info .uk-text-danger .uk-text-grey .uk-text-white .uk-text-dark .uk-text-background

© 2019 Sasuke. All Rights Reserved.