Visual style update

6 files changed, 38 insertions, 16 deletions

diff --git a/src/accordions.less b/src/accordions.less
index edbf648..d375b3a 100644
--- a/src/accordions.less
+++ b/src/accordions.less
@@ -17,7 +17,6 @@
     }
 
     .accordion-header {
-      background: @bg-color;
       display: block;
       padding: 1rem;
 
diff --git a/src/dropdowns.less b/src/dropdowns.less
index 4d835e7..b6ef95c 100644
--- a/src/dropdowns.less
+++ b/src/dropdowns.less
@@ -4,7 +4,7 @@
   position: relative;
 
   .menu {
-    animation: slide-down .2s ease 1;
+    animation: slide-down .15s ease 1;
     display: none;
     left: 0;
     position: absolute;
diff --git a/src/empty.less b/src/empty.less
index 295758c..07d62c5 100644
--- a/src/empty.less
+++ b/src/empty.less
@@ -6,6 +6,10 @@
   text-align: center;
   padding: 4 * @layout-padding;
 
+  .empty-icon {
+    margin-bottom: 1.5rem;
+  }
+
   .empty-title,
   .empty-subtitle {
     margin: 1rem auto;
diff --git a/src/mixins.less b/src/mixins.less
index 6b80cff..f1d9c44 100644
--- a/src/mixins.less
+++ b/src/mixins.less
@@ -9,7 +9,7 @@
 
 // Component focus shadow
 .control-shadow(@color: @dark-color) {
-  box-shadow: 0 0 0 .2rem fade(@color, 15%);
+  box-shadow: 0 0 0 .2rem fade(@color, 10%);
 }
 
 // Component transition
diff --git a/src/toasts.less b/src/toasts.less
index ac7c4a4..8fe8388 100644
--- a/src/toasts.less
+++ b/src/toasts.less
@@ -34,4 +34,8 @@
       opacity: .75;
     }
   }
+
+  .btn-clear {
+    margin: .2rem -.2rem .2rem .4rem;
+  }
 }
diff --git a/src/typography.less b/src/typography.less
index a6843a9..567eec0 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -1,4 +1,5 @@
 // Typography
+// Headings
 h1,
 h2,
 h3,
@@ -29,15 +30,37 @@ h5 {
 h6 {
   font-size: 1.6rem;
 }
+
+// Paragraphs
 p {
   line-height: 2.4rem;
   margin: 0 0 1rem;
 }
+
+// Semantic text elements
 a,
 ins,
 u {
   text-decoration-skip: ink edges;
 }
+
+abbr[title] {
+  border-bottom: .1rem dotted;
+  cursor: help;
+  text-decoration: none;
+}
+
+kbd {
+  .label-base();
+  .label-variant(@light-color, @dark-color);
+}
+
+mark {
+  .label-base();
+  .label-variant(@body-font-color, @highlight-color);
+}
+
+// Blockquote
 blockquote {
   border-left: .2rem solid @border-color;
   margin-left: 0;
@@ -51,6 +74,8 @@ blockquote {
     color: @gray-color;
   }
 }
+
+// Lists
 ul,
 ol {
   margin: 2rem 0 2rem 2rem;
@@ -65,6 +90,7 @@ ol {
     margin-top: 1rem;
   }
 }
+
 ul {
   list-style: disc inside;
 
@@ -72,6 +98,7 @@ ul {
     list-style-type: circle;
   }
 }
+
 ol {
   list-style: decimal inside;
 
@@ -79,6 +106,7 @@ ol {
     list-style-type: lower-alpha;
   }
 }
+
 dl {
   dt {
     font-weight: bold;
@@ -87,16 +115,3 @@ dl {
     margin: .5rem 0 1.5rem 0;
   }
 }
-mark {
-  .label-base();
-  .label-variant(@body-font-color, @highlight-color);
-}
-kbd {
-  .label-base();
-  .label-variant(@light-color, @dark-color);
-}
-abbr[title] {
-  border-bottom: .1rem dotted;
-  cursor: help;
-  text-decoration: none;
-}