Remove gap between tag and delete button (#1090)

* Remove gap between tag and delete button

* add tag-delete-margin variable

* tab -> spaces

* add tag-delete-margin to docs

diff --git a/docs/documentation/elements/tag.html b/docs/documentation/elements/tag.html
index 7bce6bfd67455d4db44c822da81697cad20dc81f..7b2eb619a313f2524044a515fb21abfe598183f9 100644 (file)
--- a/docs/documentation/elements/tag.html
+++ b/docs/documentation/elements/tag.html
@@ -10,6 +10,8 @@ variables:
   value: $text
 - name: $tag-radius
   value: $radius
+- name: $tag-delete-margin
+  value: 1px
 ---
 
 {% capture tag %}

diff --git a/sass/elements/tag.sass b/sass/elements/tag.sass
index 380f1043a38eb51261ec63a41034219bea45a8d6..14570b43b3149832b4cad7f130bc14c466456cba 100755 (executable)
--- a/sass/elements/tag.sass
+++ b/sass/elements/tag.sass
@@ -1,6 +1,7 @@
 $tag-background-color: $background !default
 $tag-color: $text !default
 $tag-radius: $radius !default
+$tag-delete-margin: 1px !default
 
 .tags
   align-items: center
@@ -55,7 +56,7 @@ $tag-radius: $radius !default
     font-size: $size-medium
   // Modifiers
   &.is-delete
-    margin-left: 1px
+    margin-left: $tag-delete-margin
     padding: 0
     position: relative
     width: 2em