Add list of buttons

This commit is contained in:
Jeremy Thomas
2017-10-17 11:53:44 +01:00
parent 1523ce8527
commit 7c94b4e439
5 changed files with 331 additions and 13 deletions

View File

@@ -199,3 +199,43 @@ $button-static-border-color: $grey-lighter !default
color: $button-static-color
box-shadow: none
pointer-events: none
.buttons
align-items: center
display: flex
flex-wrap: wrap
justify-content: flex-start
.button
margin-bottom: 0.5rem
&:not(:last-child)
margin-right: 0.5rem
&:last-child
margin-bottom: -0.5rem
&:not(:last-child)
margin-bottom: 1rem
&.has-addons
.button
&: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
margin-right: -1px
&:last-child
margin-right: 0
&:hover,
&.is-hovered
z-index: 2
&:focus,
&.is-focused,
&:active,
&.is-active,
&.is-selected
z-index: 3
&:hover
z-index: 4
&.is-centered
justify-content: center
&.is-right
justify-content: flex-end