diff options
Update Calendar event style which makes use of color utilities
1 files changed, 6 insertions, 7 deletions
| -rw-r--r-- | docs/experimentals.html | 13 |
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> |