Merge pull request #551 from picturepan2/0.5.8 v0.5.8

0.5.8

1 files changed, 13 insertions, 5 deletions

diff --git a/docs/src/scss/docs.scss b/docs/src/scss/docs.scss
index 9386865..656bfa3 100644
--- a/docs/src/scss/docs.scss
+++ b/docs/src/scss/docs.scss
@@ -154,6 +154,12 @@
   .docs-demo {
     padding-bottom: 1rem;
     padding-top: 1rem;
+
+    .card {
+      box-shadow: 0 .25rem 1rem rgba($dark-color, .15);
+      border: 0;
+      height: 100%;
+    }
   }
 
   .column {
@@ -194,7 +200,7 @@
   .docs-color {
     border-radius: $border-radius;
     margin: .25rem 0;
-    padding: .5rem;
+    padding: 5rem .5rem .5rem;
 
     .color-subtitle {
       font-size: $font-size-sm;
@@ -213,7 +219,8 @@
 
     .hljs-title,
     .hljs-class,
-    .hljs-string {
+    .hljs-string,
+    .hljs-number {
       color: $primary-color;
     }
 
@@ -299,6 +306,7 @@
     align-items: center;
     border-radius: $border-radius;
     display: inline-flex;
+    font-size: .7rem;
     height: 2rem;
     padding: .2rem;
     width: auto;
@@ -321,14 +329,14 @@
       line-height: 1.5rem;
       margin-bottom: 0;
       margin-left: .5rem;
-      margin-right: .5rem;
+      margin-right: .3rem;
     }
   }
 }
 
 .docs-footer {
   color: $gray-color;
-  padding: .5rem .5rem 1.5rem;
+  padding: .5rem;
 
   a {
     color: $gray-color-dark;
@@ -389,7 +397,7 @@
 }
 
 .section-updates {
-  padding: 4.5rem .5rem 3.5rem .5rem;
+  padding: 4.5rem .5rem 2.5rem .5rem;
 
   .card {
     border: 0;