Improve Calendars and Avatars style

1 files changed, 6 insertions, 7 deletions

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>