From 19d2ea1bc04ea5bf7b7ec57994e66057f5d59536 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 12 Nov 2017 18:37:29 +0800
Subject: Update Calendar event style which makes use of color utilities

---
 docs/experimentals.html | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'docs/experimentals.html')

diff --git a/docs/experimentals.html b/docs/experimentals.html
index 24cc181..03caaac 100644
--- a/docs/experimentals.html
+++ b/docs/experimentals.html
@@ -389,7 +389,7 @@
                   <div class="calendar-date prev-month disabled">
                     <button class="date-item">27</button>
                     <div class="calendar-events">
-                      <a class="calendar-event" href="#calendars" style="background:#e85600;color:#fff;">Zhonghe Festival</a>
+                      <a class="calendar-event bg-error text-light" href="#calendars">Zhonghe Festival</a>
                     </div>
                   </div>
                   <div class="calendar-date prev-month disabled"><button class="date-item">28</button></div>
@@ -403,9 +403,8 @@
                   <div class="calendar-date current-month tooltip" data-tooltip="You have appointments">
                     <button class="date-item badge">8</button>
                     <div class="calendar-events">
-                      <a class="calendar-event" href="#calendars" style="background:#5755d9;color:#fff;">Product launch event</a>
-                      <a class="calendar-event" href="#calendars" style="background:#5755d9;color:#fff;">Lunch</a>
-                      <a class="calendar-event" href="#calendars" style="background:#e85600;color:#fff;">International Women's Day</a>
+                      <a class="calendar-event bg-primary text-light" href="#calendars">Product launch event</a>
+                      <a class="calendar-event bg-error text-light" href="#calendars">International Women's Day</a>
                     </div>
                   </div>
                   <div class="calendar-date current-month"><button class="date-item">9</button></div>
@@ -414,7 +413,7 @@
                   <div class="calendar-date current-month">
                     <button class="date-item">12</button>
                     <div class="calendar-events">
-                      <a class="calendar-event" href="#calendars" style="background:#e85600;color:#fff;">Arbor Day</a>
+                      <a class="calendar-event bg-error text-light" href="#calendars">Arbor Day</a>
                     </div>
                   </div>
                   <div class="calendar-date current-month"><button class="date-item">13</button></div>
@@ -427,7 +426,7 @@
                   <div class="calendar-date current-month calendar-range range-end">
                     <button class="date-item active">20</button>
                     <div class="calendar-events">
-                      <a class="calendar-event" href="#calendars" style="background:#32b643;color:#fff;">Spring Equinox</a>
+                      <a class="calendar-event bg-success text-light" href="#calendars">Spring Equinox</a>
                     </div>
                   </div>
                   <div class="calendar-date current-month"><button class="date-item">21</button></div>
@@ -444,7 +443,7 @@
                   <div class="calendar-date next-month disabled">
                     <button class="date-item">1</button>
                     <div class="calendar-events">
-                      <a class="calendar-event" href="#calendars" style="background:#e85600;color:#fff;">April Fools' Day</a>
+                      <a class="calendar-event bg-error text-light" href="#calendars">April Fools' Day</a>
                     </div>
                   </div>
                 </div>
-- 
cgit v1.3.1-23-gd82d