# Bulma Changelog
+## 0.0.28
+
+* BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
+* Fix #220
+* Fix #206
+
## 0.0.27
* Fix: #217
border-top: 1px solid rgba($border, 0.5)
display: flex
padding-top: 10px
- .textarea
- +control-small
- .button
- +button-small
.content:not(:last-child),
.control:not(:last-child)
margin-bottom: 5px
.media
- font-size: 12px
padding-top: 5px
& + .media
margin-top: 5px
// Sizes
&.is-small
+control-small
- &.is-flat
- padding: 4px 6px
&.is-medium
+control-medium
- &.is-flat
- padding: 4px 10px
&.is-large
+control-large
- &.is-flat
- padding: 4px 12px
// Modifiers
- &.is-flat
- border: none
- box-shadow: none
&.is-fullwidth
display: block
width: 100%
&:hover
&:after
border-color: $link-hover
+ &.is-small
+ height: 24px
+ select
+ +control-small
+ padding-right: 28px
+ &.is-medium
+ height: 40px
+ select
+ +control-medium
+ padding-right: 44px
+ &.is-large
+ height: 48px
+ select
+ +control-large
+ padding-right: 52px
.label
color: $text-strong
&.is-grouped
display: flex
justify-content: flex-start
- & > .button,
- & > .input,
- & > .select
+ & > .control
&:not(:last-child)
+ margin-bottom: 0
margin-right: 10px
- & > .input
- flex: 1
+ &.is-expanded
+ flex: 1
&.is-grouped-centered
justify-content: center
&.is-grouped-right
tbody
tr
&:hover
- background: darken($background, 5%)
+ background: darken($background, 2%)
&:nth-child(2n)
background: $background
&:hover
- background: darken($background, 5%)
+ background: darken($background, 2%)