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

* add classes

* add to changelig

* move to appropriate place

* more specific margins
This commit is contained in:
Tim MacDonald 2017-11-06 01:09:36 +11:00 committed by Jeremy Thomas
parent 23636fd796
commit 06cebdf921
2 changed files with 13 additions and 0 deletions

View File

@ -8,6 +8,7 @@
* 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths` * 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
* 🎉 #1287 New `.is-invisible` helper * 🎉 #1287 New `.is-invisible` helper
* 🎉 #1255 New `.is-expanded` modifier for `navbar-item` * 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
* 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
### Improvements ### Improvements

View File

@ -25,6 +25,18 @@ $tag-delete-margin: 1px !default
&:not(:last-child) &:not(:last-child)
border-bottom-right-radius: 0 border-bottom-right-radius: 0
border-top-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) .tag:not(body)
align-items: center align-items: center