diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md deleted file mode 100644 index fc3784370..000000000 --- a/ISSUE_TEMPLATE.md +++ /dev/null @@ -1,24 +0,0 @@ -(Thanks for reporting an issue! Please make sure you click the link above to view the issue guidelines, then fill out the blanks below.) - -What are the steps to reproduce this issue? -------------------------------------------- -1. … -2. … -3. … - -What happens? -------------- -… - -What were you expecting to happen? ----------------------------------- -… - -Any logs, error output, etc? ----------------------------- -(If it’s long, please paste to https://ghostbin.com/ and insert the link here.) - - -Any other comments? -------------------- -… diff --git a/README.md b/README.md index b04d4d772..86f0653cb 100644 --- a/README.md +++ b/README.md @@ -64,7 +64,7 @@ When completed, you'll be able to run the various commands provided from the com 2. Open [http://localhost:4000](http://localhost:4000) in your browser, and voilà. 3. Any change in `/src` directory will build application and refresh the page. -**Warning!** all changes made in `_site/` folder would be overwriten on application build. +**Warning!** all changes made in `_site/` folder would be overwritten on application build. ## Bugs and feature requests @@ -86,4 +86,4 @@ Latest ✔ | Latest ✔ | Latest ✔ | 11+ ✔ | 9.1+ ✔ | Latest ✔ | ## Copyright and license -Code and documentation copyright 2018 the [Tabler Authors](https://github.com/tabler/tabler/graphs/contributors) and [codecalm.net](https://codecalm.net). Code released under the [MIT License](https://github.com/tabler/tabler/blob/master/LICENSE). \ No newline at end of file +Code and documentation copyright 2018 the [Tabler Authors](https://github.com/tabler/tabler/graphs/contributors) and [codecalm.net](https://codecalm.net). Code released under the [MIT License](https://github.com/tabler/tabler/blob/master/LICENSE). diff --git a/dist/400.html b/dist/400.html index 8b3e945d4..622461497 100644 --- a/dist/400.html +++ b/dist/400.html @@ -14,7 +14,7 @@ - + Page 400 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/401.html b/dist/401.html index 3f858b808..f82b8c199 100644 --- a/dist/401.html +++ b/dist/401.html @@ -14,7 +14,7 @@ - + Page 401 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/403.html b/dist/403.html index 578fb929b..055455e5c 100644 --- a/dist/403.html +++ b/dist/403.html @@ -14,7 +14,7 @@ - + Page 403 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/404.html b/dist/404.html index a1338244e..75960a0fc 100644 --- a/dist/404.html +++ b/dist/404.html @@ -14,7 +14,7 @@ - + Page 404 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/500.html b/dist/500.html index 07c1f560e..4bef844e1 100644 --- a/dist/500.html +++ b/dist/500.html @@ -14,7 +14,7 @@ - + Page 500 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/503.html b/dist/503.html index 8f8a7fd18..9965e8850 100644 --- a/dist/503.html +++ b/dist/503.html @@ -14,7 +14,7 @@ - + Page 503 - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/blog.html b/dist/blog.html index 524786989..4efafe91d 100644 --- a/dist/blog.html +++ b/dist/blog.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/cards.html b/dist/cards.html index 5385cd9d8..dbb22b58b 100644 --- a/dist/cards.html +++ b/dist/cards.html @@ -14,7 +14,7 @@ - + Cards design - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/charts.html b/dist/charts.html index a7a9732fd..d5363f96d 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 diff --git a/dist/crypto-currencies.html b/dist/crypto-currencies.html index 0448115a2..5b8e3c56d 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 diff --git a/dist/docs/alerts.html b/dist/docs/alerts.html index 03be289c6..4f104ff58 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 diff --git a/dist/docs/avatars.html b/dist/docs/avatars.html index 2227d9f2b..a670ff7c8 100644 --- a/dist/docs/avatars.html +++ b/dist/docs/avatars.html @@ -14,7 +14,7 @@ - + Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/docs/buttons.html b/dist/docs/buttons.html index f493363fb..6e31450d9 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 diff --git a/dist/docs/cards.html b/dist/docs/cards.html index b9f3bc8f9..c975829ba 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 diff --git a/dist/docs/charts.html b/dist/docs/charts.html index 42d129884..5d7c1127a 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 diff --git a/dist/docs/colors.html b/dist/docs/colors.html new file mode 100644 index 000000000..5264153f7 --- /dev/null +++ b/dist/docs/colors.html @@ -0,0 +1,685 @@ + + + + + + + + + + + + + + + + + + Colors - Documentation - tabler.github.io - a responsive, flat and full featured admin template + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + tabler.io + +
+
+ Source code +
+
+ + + +
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores + delectus dolore dolores maxime nesciunt qui quia totam. +
+
+
+ + + + +
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores + delectus dolore dolores maxime nesciunt qui quia totam. +
+
+
+ + + + Jane Pearson + Administrator + + +
+ + Profile + + + Settings + + + 6 + Inbox + + + Message + +
+ Need help? + Sign out +
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+

+ + Documentation +

+
+
+
+ + Browse source code + + +
+ Introduction +
+ +
+ Alerts + Avatars + Buttons + Colors + Cards + Charts + Form components + Tags + Typography +
+
+ Edit this page +
+
+
+
+
+
+

Colors

+

Convey meaning through color with a handful of color utility classes.

+

Contextual colors

+

A background fill can be applied to a container using one of the .bg-[color] classes.

+
+
+
+
+ Primary
+ .bg-primary +
+
+
+
+
+ Secondary
+ .bg-secondary +
+
+
+
+
+ Success
+ .bg-success +
+
+
+
+
+ Info
+ .bg-info +
+
+
+
+
+ Warning
+ .bg-warning +
+
+
+
+
+ Danger
+ .bg-danger +
+
+
+
+ 
<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-primary rounded mr-4"></div>
+  <div>
+    <strong>Primary</strong><br />
+    <code>.bg-primary</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-secondary rounded mr-4"></div>
+  <div>
+    <strong>Secondary</strong><br />
+    <code>.bg-secondary</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-success rounded mr-4"></div>
+  <div>
+    <strong>Success</strong><br />
+    <code>.bg-success</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-info rounded mr-4"></div>
+  <div>
+    <strong>Info</strong><br />
+    <code>.bg-info</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-warning rounded mr-4"></div>
+  <div>
+    <strong>Warning</strong><br />
+    <code>.bg-warning</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-danger rounded mr-4"></div>
+  <div>
+    <strong>Danger</strong><br />
+    <code>.bg-danger</code>
+  </div>
+</div>
+
+

Other colors

+

Instead of using contextual classes you can use ordinary color names.

+
+
+
+
+ Blue
+ .bg-blue +
+
+
+
+
+ Azure
+ .bg-azure +
+
+
+
+
+ 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 +
+
+
+
+ 
<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 />
+    <code>.bg-blue</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-azure rounded mr-4"></div>
+  <div>
+    <strong>Azure</strong><br />
+    <code>.bg-azure</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-indigo rounded mr-4"></div>
+  <div>
+    <strong>Indigo</strong><br />
+    <code>.bg-indigo</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-purple rounded mr-4"></div>
+  <div>
+    <strong>Purple</strong><br />
+    <code>.bg-purple</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-pink rounded mr-4"></div>
+  <div>
+    <strong>Pink</strong><br />
+    <code>.bg-pink</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-red rounded mr-4"></div>
+  <div>
+    <strong>Red</strong><br />
+    <code>.bg-red</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-orange rounded mr-4"></div>
+  <div>
+    <strong>Orange</strong><br />
+    <code>.bg-orange</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-yellow rounded mr-4"></div>
+  <div>
+    <strong>Yellow</strong><br />
+    <code>.bg-yellow</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-lime rounded mr-4"></div>
+  <div>
+    <strong>Lime</strong><br />
+    <code>.bg-lime</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-green rounded mr-4"></div>
+  <div>
+    <strong>Green</strong><br />
+    <code>.bg-green</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-teal rounded mr-4"></div>
+  <div>
+    <strong>Teal</strong><br />
+    <code>.bg-teal</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-cyan rounded mr-4"></div>
+  <div>
+    <strong>Cyan</strong><br />
+    <code>.bg-cyan</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-gray rounded mr-4"></div>
+  <div>
+    <strong>Gray</strong><br />
+    <code>.bg-gray</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-gray-dark rounded mr-4"></div>
+  <div>
+    <strong>Dark gray</strong><br />
+    <code>.bg-gray-dark</code>
+  </div>
+</div>
+
+

Tinting backgrounds

+

Translucent background fills to shade an element against a background. You can use one of few suffixes:
+ -darkest, -darker, -dark, -lightest, -lighter or -light.

+
+
+
+
+ Darkest blue
+ .bg-blue-darkest +
+
+
+
+
+ Darker blue
+ .bg-blue-darker +
+
+
+
+
+ Dark blue
+ .bg-blue-dark +
+
+
+
+
+ Default blue
+ .bg-blue +
+
+
+
+
+ Light blue
+ .bg-blue-light +
+
+
+
+
+ Lighter blue
+ .bg-blue-lighter +
+
+
+
+
+ Lightest blue
+ .bg-blue-lightest +
+
+
+
+ 
<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-darkest rounded mr-4"></div>
+  <div>
+    <strong>Darkest blue</strong><br />
+    <code>.bg-blue-darkest</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-darker rounded mr-4"></div>
+  <div>
+    <strong>Darker blue</strong><br />
+    <code>.bg-blue-darker</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-dark rounded mr-4"></div>
+  <div>
+    <strong>Dark blue</strong><br />
+    <code>.bg-blue-dark</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue rounded mr-4"></div>
+  <div>
+    <strong>Default blue</strong><br />
+    <code>.bg-blue</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-light rounded mr-4"></div>
+  <div>
+    <strong>Light blue</strong><br />
+    <code>.bg-blue-light</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-lighter rounded mr-4"></div>
+  <div>
+    <strong>Lighter blue</strong><br />
+    <code>.bg-blue-lighter</code>
+  </div>
+</div>
+<div class="d-flex align-items-center mb-4">
+  <div class="w-7 h-7 bg-blue-lightest rounded mr-4"></div>
+  <div>
+    <strong>Lightest blue</strong><br />
+    <code>.bg-blue-lightest</code>
+  </div>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Premium and Open Source dashboard template with responsive and high quality UI. For Free! +
+
+
+
+ +
+ + \ No newline at end of file diff --git a/dist/docs/form-components.html b/dist/docs/form-components.html index d14860f37..a1c26dfd6 100644 --- a/dist/docs/form-components.html +++ b/dist/docs/form-components.html @@ -14,7 +14,7 @@ - + Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/docs/grid.html b/dist/docs/grid.html index b527540d0..f7af2a452 100644 --- a/dist/docs/grid.html +++ b/dist/docs/grid.html @@ -14,7 +14,7 @@ - + Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/docs/index.html b/dist/docs/index.html index 17d235837..df1a0a9c4 100644 --- a/dist/docs/index.html +++ b/dist/docs/index.html @@ -14,7 +14,7 @@ - + Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/docs/tags.html b/dist/docs/tags.html index d0cfe3ca5..ded2e578d 100644 --- a/dist/docs/tags.html +++ b/dist/docs/tags.html @@ -14,7 +14,7 @@ - + Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/docs/typography.html b/dist/docs/typography.html index 003c90092..bd197e784 100644 --- a/dist/docs/typography.html +++ b/dist/docs/typography.html @@ -14,7 +14,7 @@ - + Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/email.html b/dist/email.html index 569990220..6ef5ba64b 100644 --- a/dist/email.html +++ b/dist/email.html @@ -14,7 +14,7 @@ - + Email - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/empty.html b/dist/empty.html index 93866da03..5b6d1468f 100644 --- a/dist/empty.html +++ b/dist/empty.html @@ -14,7 +14,7 @@ - + Empty page - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/forgot-password.html b/dist/forgot-password.html index f01b4cc58..7a394e4ff 100644 --- a/dist/forgot-password.html +++ b/dist/forgot-password.html @@ -14,7 +14,7 @@ - + Forgot password - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/form-elements.html b/dist/form-elements.html index ee12f59f0..a21aa3ebf 100644 --- a/dist/form-elements.html +++ b/dist/form-elements.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/gallery.html b/dist/gallery.html index fcbbcefde..d601380cc 100644 --- a/dist/gallery.html +++ b/dist/gallery.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/icons.html b/dist/icons.html index d3602f8d3..773006444 100644 --- a/dist/icons.html +++ b/dist/icons.html @@ -14,7 +14,7 @@ - + Icons - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/index.html b/dist/index.html index eb2073655..b20732ffb 100644 --- a/dist/index.html +++ b/dist/index.html @@ -14,7 +14,7 @@ - + Homepage - tabler.github.io - a responsive, flat and full featured admin template @@ -276,30 +276,30 @@ - Ronald Bradley + Ryan Lawrence Initial commit - May 6, 2018 + May 6, 2016 BM - Russell Gibson + Benji Miller Main structure - April 22, 2018 + April 22, 2016 - Beverly Armstrong + Justine Adams Left sidebar adjusments - April 15, 2018 + April 15, 2016 - Bobby Knight + Brett Harris Topbar dropdown style - April 8, 2018 + April 8, 2016 @@ -685,7 +685,7 @@
Michelle Schultz
- Registered: Dec 27, 2017 + Registered: Dec 26, 2017
@@ -785,7 +785,7 @@
Douglas Ray
- Registered: Dec 16, 2017 + Registered: Dec 15, 2017
@@ -835,7 +835,7 @@
Teresa Reyes
- Registered: Jan 26, 2018 + Registered: Jan 25, 2018
@@ -885,7 +885,7 @@
Emma Wade
- Registered: Feb 21, 2018 + Registered: Feb 20, 2018
@@ -935,7 +935,7 @@
Carol Henderson
- Registered: Feb 15, 2018 + Registered: Feb 14, 2018
@@ -985,7 +985,7 @@
Christopher Harvey
- Registered: Jan 8, 2018 + Registered: Jan 7, 2018
diff --git a/dist/invoice.html b/dist/invoice.html index 6163dc031..51ea60e30 100644 --- a/dist/invoice.html +++ b/dist/invoice.html @@ -14,7 +14,7 @@ - + Invoice - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/login.html b/dist/login.html index d74bd949e..3c35e2643 100644 --- a/dist/login.html +++ b/dist/login.html @@ -14,7 +14,7 @@ - + Login - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/lookup.html b/dist/lookup.html index 454d841e7..2ddcc7cb6 100644 --- a/dist/lookup.html +++ b/dist/lookup.html @@ -14,7 +14,7 @@ - + Lookup company - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/maps.html b/dist/maps.html index 6787f2283..7e5b78635 100644 --- a/dist/maps.html +++ b/dist/maps.html @@ -14,7 +14,7 @@ - + Maps - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/profile.html b/dist/profile.html index c1b9b02b6..37ef09743 100644 --- a/dist/profile.html +++ b/dist/profile.html @@ -14,7 +14,7 @@ - + Profile - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/register.html b/dist/register.html index 262fbceac..4014f3336 100644 --- a/dist/register.html +++ b/dist/register.html @@ -14,7 +14,7 @@ - + Register - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/sample-cards.html b/dist/sample-cards.html index 1bbb43425..b056f9fcc 100644 --- a/dist/sample-cards.html +++ b/dist/sample-cards.html @@ -14,7 +14,7 @@ - + Homepage - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/store.html b/dist/store.html index 3a3450fd3..1313001d4 100644 --- a/dist/store.html +++ b/dist/store.html @@ -14,7 +14,7 @@ - + Store components - tabler.github.io - a responsive, flat and full featured admin template diff --git a/dist/users-list.html b/dist/users-list.html index af98d083a..5fc90b3dc 100644 --- a/dist/users-list.html +++ b/dist/users-list.html @@ -14,7 +14,7 @@ - + tabler.github.io - a responsive, flat and full featured admin template