Improve mark element and cursor utilities

7 files changed, 24 insertions, 28 deletions

diff --git a/src/_autocomplete.scss b/src/_autocomplete.scss
index 24c3e45..f3544fc 100644
--- a/src/_autocomplete.scss
+++ b/src/_autocomplete.scss
@@ -27,11 +27,6 @@
     }
   }
 
-  mark {
-    font-size: 1;
-    padding: .1em 0;
-  }
-
   .menu {
     left: 0;
     position: absolute;
diff --git a/src/_labels.scss b/src/_labels.scss
index 068d3ac..629e350 100644
--- a/src/_labels.scss
+++ b/src/_labels.scss
@@ -3,7 +3,6 @@
   display: inline-block;
   @include label-base();
   @include label-variant(lighten($body-font-color, 5%), $bg-color);
-  line-height: 1;
 
   &.label-rounded {
     border-radius: 5rem;
diff --git a/src/_mixins.scss b/src/_mixins.scss
index ae64423..d98411a 100644
--- a/src/_mixins.scss
+++ b/src/_mixins.scss
@@ -91,7 +91,7 @@
 @mixin label-base() {
   border-radius: $border-radius;
   line-height: 1;
-  padding: .15rem .2rem;
+  padding: .15rem;
 }
 
 @mixin label-variant($color: $light-color, $bg-color: $primary-color) {
diff --git a/src/_typography.scss b/src/_typography.scss
index 5999568..76191f0 100644
--- a/src/_typography.scss
+++ b/src/_typography.scss
@@ -65,13 +65,15 @@ abbr[title] {
 }
 
 kbd {
+  font-size: .65rem;
   @include label-base();
   @include label-variant($light-color, $dark-color);
 }
 
 mark {
-  @include label-base();
+  border-radius: $border-radius;
   @include label-variant($body-font-color, $highlight-color);
+  padding: .05rem;
 }
 
 // Blockquote
diff --git a/src/_utilities.scss b/src/_utilities.scss
index 1d9b32f..10b7b00 100644
--- a/src/_utilities.scss
+++ b/src/_utilities.scss
@@ -1,4 +1,5 @@
 @import 'utilities/colors';
+@import 'utilities/cursors';
 @import 'utilities/display';
 @import 'utilities/divider';
 @import 'utilities/loading';
diff --git a/src/utilities/_cursors.scss b/src/utilities/_cursors.scss
new file mode 100644
index 0000000..a50ae09
--- /dev/null
+++ b/src/utilities/_cursors.scss
@@ -0,0 +1,19 @@
+// Cursors
+.c-hand {
+  cursor: pointer;
+}
+.c-move {
+  cursor: move;
+}
+.c-zoom-in {
+  cursor: zoom-in;
+}
+.c-zoom-out {
+  cursor: zoom-out;
+}
+.c-not-allowed {
+  cursor: not-allowed;
+}
+.c-auto {
+  cursor: auto;
+}
\ No newline at end of file
diff --git a/src/utilities/_display.scss b/src/utilities/_display.scss
index ffd352a..8297e95 100644
--- a/src/utilities/_display.scss
+++ b/src/utilities/_display.scss
@@ -41,24 +41,4 @@
   padding: 0;
   position: absolute;
   width: 1px;
-}
-
-// Cursor
-.c-hand {
-  cursor: pointer;
-}
-.c-move {
-  cursor: move;
-}
-.c-zoom-in {
-  cursor: zoom-in;
-}
-.c-zoom-out {
-  cursor: zoom-out;
-}
-.c-not-allowed {
-  cursor: not-allowed;
-}
-.c-auto {
-  cursor: auto;
 }
\ No newline at end of file