Use inline flex for buttons, Fix progress bars, Remove display helpers

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 19a683b39777465a98eed4190559ca18928418cf..40203745850bfdc8ca6c6859c5859ed34f898bb7 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,11 @@
 
 ### Updated
 
+* `.button` uses `display: inline-flex` now
 * `.button` needs an `.icon` now
 * `.control.is-grouped` renamed to `.control.has-addons`
 * `.control.is-inline` renamed to `.control.is-grouped`
+
+### Removed
+
+* **helpers** `.is-inline` and `.is-block`

diff --git a/bulma/base/helpers.sass b/bulma/base/helpers.sass
index b0d6eb14a29305a86a1f7c71b43a3b0a2388d7e4..9a46b6e91de5a9c3ee5349d6207afa190a79f772 100644 (file)
--- a/bulma/base/helpers.sass
+++ b/bulma/base/helpers.sass
@@ -1,11 +1,5 @@
 // Display
 
-.is-block
-  display: block
-
-.is-inline
-  display: inline
-
 .is-flex
   display: flex
 

diff --git a/bulma/elements/buttons.sass b/bulma/elements/buttons.sass
index cf4081dc26db5b0885505dd379deb3187ab6eee1..76a48d0209cba8c6c18b579dc77bf0e548ba8eec 100644 (file)
--- a/bulma/elements/buttons.sass
+++ b/bulma/elements/buttons.sass
@@ -26,8 +26,11 @@
     font-size: $size-small
     line-height: 1
     margin-top: 5px
-  .icon.is-small
-    margin: 4px 0
+  .icon
+    &:first-child
+      margin-right: 4px
+    &:last-child
+      margin-left: 4px
   &:hover
     color: $control-hover
   &:active
@@ -77,14 +80,10 @@
       color: $text-strong
   &.is-small
     +button-small
-    .icon.is-small
-      margin: 0
   &.is-medium
     +button-medium
   &.is-large
     +button-large
-    .icon.is-medium
-      margin: -4px 0px -4px -4px
   &.is-fullwidth
     display: block
     width: 100%
@@ -101,12 +100,3 @@
   &[disabled]
     opacity: 0.5
     pointer-events: none
-  +tablet
-    small
-      color: $text
-      left: 0
-      margin-top: 10px
-      position: absolute
-      top: 100%
-      width: 100%
-

diff --git a/bulma/elements/controls.sass b/bulma/elements/controls.sass
index 4d341afd3adae8ee2750dd0e39fe70fb82ae7ccd..08bf8388223162c9d33201328b29ba59b494eb34 100644 (file)
--- a/bulma/elements/controls.sass
+++ b/bulma/elements/controls.sass
@@ -1,11 +1,12 @@
 =control
   -moz-appearance: none
   -webkit-appearance: none
+  align-items: center
   background: $control-background
   border: 1px solid $control-border
   border-radius: $radius
   color: $control
-  display: inline-block
+  display: inline-flex
   font-size: $size-normal
   height: 32px
   line-height: 24px

diff --git a/bulma/elements/progress.sass b/bulma/elements/progress.sass
index 843a744e933169df994c2ff73a2e985ed868ad90..e58df2aa81200915610799b86b62dd10097bcfd0 100644 (file)
--- a/bulma/elements/progress.sass
+++ b/bulma/elements/progress.sass
@@ -11,7 +11,8 @@
   width: 100%
   &::-webkit-progress-bar
     background: $border
-  &::-webkit-progress-value,
+  &::-webkit-progress-value
+    background: $text
   &::-moz-progress-bar
     background: $text
   &.is-small
@@ -23,7 +24,7 @@
   @each $name, $pair in $colors
     $color: nth($pair, 1)
     &.is-#{$name}
-      &::-webkit-progress-value,
+      &::-webkit-progress-value
+        background: $color
       &::-moz-progress-bar
         background: $color
-