Add `is-centered|right` modifiers to `.tags` (#1384)

* add classes

* add to changelig

* move to appropriate place

* more specific margins

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d6bf55786c5c7d5a49c664ca56fe0c182a928c13..9a4d411d31f7cbddc190fdf051ac47d7953b78eb 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 * 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
 * 🎉 #1287 New `.is-invisible` helper
 * 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
+* 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
 
 ### Improvements
 

diff --git a/sass/elements/tag.sass b/sass/elements/tag.sass
index ea89e162198bb181ae285f671e63a75976365c6a..a84e76f8cb141708039099005c7767e51ceda278 100644 (file)
--- a/sass/elements/tag.sass
+++ b/sass/elements/tag.sass
@@ -25,6 +25,18 @@ $tag-delete-margin: 1px !default
       &:not(:last-child)
         border-bottom-right-radius: 0
         border-top-right-radius: 0
+  &.is-centered
+    justify-content: center
+    .tag
+      margin-right: 0.25rem
+      margin-left: 0.25rem
+  &.is-right
+    justify-content: flex-end
+    .tag
+      &:not(:first-child)
+        margin-left: 0.5rem
+      &:not(:last-child)
+        margin-right: 0
 
 .tag:not(body)
   align-items: center