Browse Source

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

* add classes

* add to changelig

* move to appropriate place

* more specific margins
Tim MacDonald 7 years ago
parent
commit
06cebdf921
2 changed files with 13 additions and 0 deletions
  1. 1 0
      CHANGELOG.md
  2. 12 0
      sass/elements/tag.sass

+ 1 - 0
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
 

+ 12 - 0
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