Fix for #1875 | buttons and tags group sizing (are-small/are-medium/are-large) (#2201)

* Update button.sass

button grouping sizes

* Update tag.sass
This commit is contained in:
May Kittens Devour Your Soul 2018-10-31 19:57:58 +01:00 committed by Jeremy Thomas
parent cf23977d0f
commit 2d2c8f7a30
2 changed files with 26 additions and 0 deletions

View File

@ -231,6 +231,16 @@ $button-static-border-color: $grey-lighter !default
margin-bottom: -0.5rem margin-bottom: -0.5rem
&:not(:last-child) &:not(:last-child)
margin-bottom: 1rem margin-bottom: 1rem
// Sizes
&.are-small
.button
+button-small
&.are-medium
.button
+button-medium
&.are-large
.button
+button-large
&.has-addons &.has-addons
.button .button
&:not(:first-child) &:not(:first-child)

View File

@ -16,6 +16,22 @@ $tag-delete-margin: 1px !default
margin-bottom: -0.5rem margin-bottom: -0.5rem
&:not(:last-child) &:not(:last-child)
margin-bottom: 1rem margin-bottom: 1rem
// Sizes
&.are-medium
.tag
font-size: $size-normal
&.are-large
.tag
font-size: $size-medium
&.has-addons
.tag
margin-right: 0
&:not(:first-child)
border-bottom-left-radius: 0
border-top-left-radius: 0
&:not(:last-child)
border-bottom-right-radius: 0
border-top-right-radius: 0
&.is-centered &.is-centered
justify-content: center justify-content: center
.tag .tag