From d7ee7db5446db73f34a40f249b500aa5103e6767 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Fri, 10 Mar 2017 15:26:20 +0800
Subject: Improve Calendars and Avatars style

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

(limited to 'docs/components.html')

diff --git a/docs/components.html b/docs/components.html
index 3660424..21573b6 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -250,8 +250,7 @@
               </figure>
             </div>
             <div class="column col-6 col-xs-12">
-              <figure class="avatar avatar-xl" data-initial="YZ" style="background-color: #5764c6;"></figure>
-              <figure class="avatar avatar-lg" data-initial="YZ" style="background-color: #5764c6;"></figure>
+              <figure class="avatar avatar-xl" data-initial="YZ"></figure>
               <figure class="avatar" data-initial="YZ" style="background-color: #5764c6;"></figure>
               <figure class="avatar avatar-sm" data-initial="YZ" style="background-color: #5764c6;"></figure>
               <figure class="avatar avatar-xs" data-initial="YZ" style="background-color: #5764c6;"></figure>
@@ -387,17 +386,17 @@
           <div class="columns">
             <div class="column col-8 col-xs-12">
               <div class="bar">
-                <div class="bar-item tooltip" data-tooltip="50%" style="width:50%;"></div>
+                <div class="bar-item tooltip" data-tooltip="50%" role="progressbar" style="width:50%;"></div>
               </div>
             </div>
           </div>
           <div class="columns">
             <div class="column col-8 col-xs-12">
               <div class="bar">
-                <div class="bar-item tooltip" data-tooltip="25%" style="width:25%;">25%</div>
-                <div class="bar-item tooltip" data-tooltip="15%" style="width:15%;background:#818bd5;">15%</div>
-                <div class="bar-item tooltip" data-tooltip="10%" style="width:10%;background:#abb1e2;">10%</div>
-                <div class="bar-item tooltip" data-tooltip="15%" style="width:15%;">15%</div>
+                <div class="bar-item tooltip" data-tooltip="25%" role="progressbar" style="width:25%;">25%</div>
+                <div class="bar-item tooltip" data-tooltip="15%" role="progressbar" style="width:15%;background:#818bd5;">15%</div>
+                <div class="bar-item tooltip" data-tooltip="10%" role="progressbar" style="width:10%;background:#abb1e2;">10%</div>
+                <div class="bar-item tooltip" data-tooltip="15%" role="progressbar" style="width:15%;">15%</div>
               </div>
             </div>
           </div>
-- 
cgit v1.3.1-23-gd82d