-
-
diff --git a/dist/charts.html b/dist/charts.html
index d5363f96d..f2fb45c80 100644
--- a/dist/charts.html
+++ b/dist/charts.html
@@ -14,7 +14,7 @@
-
+
Charts - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
diff --git a/dist/crypto-currencies.html b/dist/crypto-currencies.html
index 5b8e3c56d..f2966d1d5 100644
--- a/dist/crypto-currencies.html
+++ b/dist/crypto-currencies.html
@@ -14,7 +14,7 @@
-
+
Crypto currencies - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
diff --git a/dist/docs/alerts.html b/dist/docs/alerts.html
index 4f104ff58..f6806823d 100644
--- a/dist/docs/alerts.html
+++ b/dist/docs/alerts.html
@@ -14,7 +14,7 @@
-
+
Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
@@ -217,8 +217,7 @@
Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
diff --git a/dist/docs/buttons.html b/dist/docs/buttons.html
index 6e31450d9..f9ea584af 100644
--- a/dist/docs/buttons.html
+++ b/dist/docs/buttons.html
@@ -14,7 +14,7 @@
-
+
Buttons - Documentation - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
diff --git a/dist/docs/cards.html b/dist/docs/cards.html
index c975829ba..3aa85af1f 100644
--- a/dist/docs/cards.html
+++ b/dist/docs/cards.html
@@ -14,7 +14,7 @@
-
+
Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
diff --git a/dist/docs/charts.html b/dist/docs/charts.html
index 5d7c1127a..a340286e8 100644
--- a/dist/docs/charts.html
+++ b/dist/docs/charts.html
@@ -14,7 +14,7 @@
-
+
Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
diff --git a/dist/docs/colors.html b/dist/docs/colors.html
index 5264153f7..ec0747e56 100644
--- a/dist/docs/colors.html
+++ b/dist/docs/colors.html
@@ -14,7 +14,7 @@
-
+
Colors - Documentation - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
@@ -309,107 +309,117 @@
- Charts
- Crypto currencies
- Documentation
Alerts
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
-
Work in progress!
-More detailed documentation is coming soon, but in the meantime here's a quick class reference.
+ Work in progress! More detailed documentation is coming soon.
Default alerts
Add color contextual class.
diff --git a/dist/docs/avatars.html b/dist/docs/avatars.html index a670ff7c8..f61f6e074 100644 --- a/dist/docs/avatars.html +++ b/dist/docs/avatars.html @@ -14,7 +14,7 @@ - +- Documentation
- Documentation
- Documentation
- Documentation
- Documentation
Other colors
Instead of using contextual classes you can use ordinary color names.
-
-
-
- Blue
-
-
.bg-blue
+
+
-
+
-
+
+
+
+ Blue
+
+ +
.bg-blue
+
+
+
+
+ Azure
+
+ +
.bg-azure
+
+
+
+
+ Indigo
+
+ +
.bg-indigo
+
+
+
+
+ Purple
+
+ +
.bg-purple
+
+
+
+ Pink
+
+ +
.bg-pink
+
-
- Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template
@@ -127,6 +127,7 @@
@@ -181,7 +182,6 @@
@@ -314,7 +314,7 @@
- Azure
-
- -
.bg-azure
+
+
-
+
+
+
+ Red
+
+ +
.bg-red
+
+
+
+
+ Orange
+
+ +
.bg-orange
+
+
+
+
+ Yellow
+
+ +
.bg-yellow
+
+
+
+
+ Lime
+
+ +
.bg-lime
+
+
+
+ Green
+
+ +
.bg-green
+
-
-
-
- Indigo
-
- -
.bg-indigo
-
-
-
-
- Purple
-
- -
.bg-purple
-
-
-
-
- Pink
-
- -
.bg-pink
-
-
-
-
- Red
-
- -
.bg-red
-
-
-
-
- Orange
-
- -
.bg-orange
-
-
-
-
- Yellow
-
- -
.bg-yellow
-
-
-
-
- Lime
-
- -
.bg-lime
-
-
-
-
- Green
-
- -
.bg-green
-
-
-
-
- Teal
-
- -
.bg-teal
-
-
-
-
- Cyan
-
- -
.bg-cyan
-
-
-
-
- Gray
-
- -
.bg-gray
-
-
-
- Dark gray
-
-
.bg-gray-dark
+
+
+
+
+
+ Teal
+
+ +
.bg-teal
+
+
+
+
+ Cyan
+
+ +
.bg-cyan
+
+
+
+
+ Gray
+
+ +
.bg-gray
+
+
+
+ Dark gray
+
+ +
.bg-gray-dark
+
-
<div class="d-flex align-items-center mb-4">
+ <div class="row">
+<div class="col-4">
+<div class="d-flex align-items-center mb-4">
<div class="w-7 h-7 bg-blue rounded mr-4"></div>
<div>
<strong>Blue</strong><br />
@@ -444,6 +454,8 @@
<code>.bg-pink</code>
</div>
</div>
+</div>
+<div class="col-4">
<div class="d-flex align-items-center mb-4">
<div class="w-7 h-7 bg-red rounded mr-4"></div>
<div>
@@ -479,6 +491,8 @@
<code>.bg-green</code>
</div>
</div>
+</div>
+<div class="col-4">
<div class="d-flex align-items-center mb-4">
<div class="w-7 h-7 bg-teal rounded mr-4"></div>
<div>
@@ -506,6 +520,8 @@
<strong>Dark gray</strong><br />
<code>.bg-gray-dark</code>
</div>
+</div>
+</div>
</div>
Tinting backgrounds
diff --git a/dist/docs/form-components.html b/dist/docs/form-components.html index a1c26dfd6..29bd728b2 100644 --- a/dist/docs/form-components.html +++ b/dist/docs/form-components.html @@ -14,7 +14,7 @@ - +- Documentation
-
+