Fix #206, Fix #220

CHANGELOG.md

@@ -1,5 +1,11 @@
 # 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

sass/components/media.sass

@@ -35,15 +35,10 @@
     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

sass/elements/form.sass

@@ -15,20 +15,11 @@
   // 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%
@@ -98,6 +89,21 @@
   &: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
@@ -214,13 +220,12 @@
   &.is-grouped
     display: flex
     justify-content: flex-start
-    & > .button,
+    & > .control
-    & > .input,
-    & > .select
       &:not(:last-child)
+        margin-bottom: 0
         margin-right: 10px
-    & > .input
+      &.is-expanded
-      flex: 1
+        flex: 1
     &.is-grouped-centered
       justify-content: center
     &.is-grouped-right

sass/elements/table.sass

@@ -84,8 +84,8 @@
     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%)