add label delete button

2 files changed, 42 insertions, 1 deletions

diff --git a/src/buttons.less b/src/buttons.less
index b3cf357..e04aaa9 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -126,6 +126,46 @@ button {
     display: block;
   }
 
+  // Button Clear
+  &.btn-clear {
+    width: 1.4rem;
+    height: 1.4rem;
+    padding: 0;
+    margin: .1rem -.2rem .1rem .2rem;
+    border: 0;
+    border-radius: .7rem;
+    vertical-align: top;
+    background-color: rgba(0, 0, 0, .15);
+    transform: rotate(-45deg);
+
+    &:hover {
+      background-color: rgba(0, 0, 0, .35);
+    }
+
+    &::before,
+    &::after {
+      content: "";
+      display: block;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      background-color: #fff;
+    }
+
+    &::before {
+      width: .8rem;
+      height: .2rem;
+      margin-left: -.4rem;
+      margin-top: -.1rem;
+    }
+    &::after {
+      width: .2rem;
+      height: .8rem;
+      margin-left: -.1rem;
+      margin-top: -.4rem;
+    }
+  }
+
   // TODO: Button with icons
   // TODO: Button groups
 }
\ No newline at end of file
diff --git a/src/labels.less b/src/labels.less
index e586680..57995ee 100644
--- a/src/labels.less
+++ b/src/labels.less
@@ -17,7 +17,8 @@
   }
 
   &.label-lg {
-    padding: .4rem .8rem;
+    padding: .2rem .8rem;
     font-size: 1.4rem;
+    line-height: 1.6rem;
   }
 }
\ No newline at end of file