-
Notifications
You must be signed in to change notification settings - Fork 72
Background
Vinicius Reif Biavatti edited this page Sep 9, 2019
·
4 revisions
The background component add textures as colors to the elements. This textures are saved in the images
folder. There are 2 types (black and white). This class is normally used to set the background application color.
This is an example of the background components applied to some divs.
<div class="tui-bg-blue-black"></div>
<div class="tui-bg-blue-white"></div>
<div class="tui-bg-green-black"></div>
<div class="tui-bg-green-white"></div>
<div class="tui-bg-cyan-black"></div>
<div class="tui-bg-cyan-white"></div>
<div class="tui-bg-red-black"></div>
<div class="tui-bg-red-white"></div>
<div class="tui-bg-purple-black"></div>
<div class="tui-bg-purple-white"></div>
<div class="tui-bg-yellow-black"></div>
<div class="tui-bg-yellow-white"></div>
<div class="tui-bg-orange-black"></div>
<div class="tui-bg-orange-white"></div>
To change the entire background page, you can set this class to the <html>
element:
<html class="tui-bg-blue-black"></html>
This is the table with available classes for this component.
Class | Description |
---|---|
.tui-bg-blue-black |
Se the background with blue black color |
.tui-bg-blue-white |
Se the background with blue white color |
.tui-bg-green-black |
Se the background with green black color |
.tui-bg-green-white |
Se the background with green white color |
.tui-bg-cyan-black |
Se the background with cyan black color |
.tui-bg-cyan-white |
Se the background with cyan white color |
.tui-bg-red-black |
Se the background with red black color |
.tui-bg-red-white |
Se the background with red white color |
.tui-bg-purple-black |
Se the background with purple black color |
.tui-bg-purple-white |
Se the background with purple white color |
.tui-bg-yellow-black |
Se the background with yellow black color |
.tui-bg-yellow-white |
Se the background with yellow white color |
.tui-bg-orange-black |
Se the background with orange black color |
.tui-bg-orange-white |
Se the background with orange white color |
Copyright © 2022 Vinícius Reif Biavatti
- Home
- Getting Started
- Examples
- Custom Theme
- Contributing
- Showcase
- Components
- Styles