Fix color class text overlapping in docs

Dogfalo · Nov 30, 2017 · a16a3d5 · a16a3d5
1 parent 0878025
commit a16a3d5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/js/init.js b/js/init.js
@@ -22,7 +22,7 @@
       $(this).children().each(function () {
         var color = $(this).css('background-color'),
             classes = $(this).attr('class');
-        $(this).html(rgb2hex(color) + " " + classes);
+        $(this).html('<span>' + rgb2hex(color) + " " + classes + '</span>');
         if (classes.indexOf("darken") >= 0 || $(this).hasClass('black')) {
           $(this).css('color', 'rgba(255,255,255,.9');
         }

diff --git a/sass/_style.scss b/sass/_style.scss
@@ -517,10 +517,11 @@ $height: auto;
     height: 55px;
     width: 100%;
     padding: 0 15px;
-    line-height: 55px;
     font-weight: 500;
     font-size: 12px;
-    display: block;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
     box-sizing: border-box;
   }
   .col {