fix(Badge): Fixed badge's line-height and size

takenet · May 24, 2019 · 9d7718f · 9d7718f
1 parent f3053dc
commit 9d7718f
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/docs/src/pages/_components/Badge.md b/docs/src/pages/_components/Badge.md
@@ -12,7 +12,7 @@ If you wish to use a badge only as a colored circle with no text, you can use th
   <tbody>
     <tr>
       <td>
-        <span class="bp-badge bp-fs-7">2</span>
+        <span class="bp-badge bp-fs-7">New</span>
       </td>
       <td>
         .bp-badge .bp-fs-7

diff --git a/docs/website/badge-example.html b/docs/website/badge-example.html
@@ -59,7 +59,7 @@
   <tbody>
     <tr>
       <td>
-        <span class="bp-badge bp-fs-7">2</span>
+        <span class="bp-badge bp-fs-7">New</span>
       </td>
       <td>
         .bp-badge .bp-fs-7
@@ -103,7 +103,7 @@
   <tbody>
     <tr>
       <td>
-        <span class="bp-badge bp-fs-7">2</span>
+        <span class="bp-badge bp-fs-7">New</span>
       </td>
       <td>
         .bp-badge .bp-fs-7

diff --git a/docs/website/dist/blip-toolkit.css b/docs/website/dist/blip-toolkit.css
diff --git a/docs/website/index.html b/docs/website/index.html
@@ -2576,7 +2576,7 @@ <h5 class="i-example__heading">
   &lt;tbody&gt;
     &lt;tr&gt;
       &lt;td&gt;
-        &lt;span class=&quot;bp-badge bp-fs-7&quot;&gt;2&lt;/span&gt;
+        &lt;span class=&quot;bp-badge bp-fs-7&quot;&gt;New&lt;/span&gt;
       &lt;/td&gt;
       &lt;td&gt;
         .bp-badge .bp-fs-7
@@ -2620,7 +2620,7 @@ <h5 class="i-example__heading">
   &lt;tbody&gt;
     &lt;tr&gt;
       &lt;td&gt;
-        &lt;span class=&quot;bp-badge bp-fs-7&quot;&gt;2&lt;/span&gt;
+        &lt;span class=&quot;bp-badge bp-fs-7&quot;&gt;New&lt;/span&gt;
       &lt;/td&gt;
       &lt;td&gt;
         .bp-badge .bp-fs-7

diff --git a/src/scss/components/_badge.scss b/src/scss/components/_badge.scss
@@ -6,9 +6,9 @@
   border-radius: 1em;
   padding: 0 0.5em;
 
-  min-width: 1.6em;
-  min-height: 1.6em;
-  line-height: 1.6em;
+  min-width: 1.7em;
+  min-height: 1.7em;
+  line-height: 1.7em;
 
   &:not([class*="bp-bg-"]) {
     background-color: $bp-color-blip-light;
-Original file line number
+Diff line change
@@ Expand Up @@
       <tbody>
         <tr>
           <td>
-            <span class="bp-badge bp-fs-7">2</span>
+            <span class="bp-badge bp-fs-7">New</span>
           </td>
           <td>
             .bp-badge .bp-fs-7
@@ Expand Down @@