Add display responsive classes

README.md

@@ -26,7 +26,7 @@ bower install bulma
 
 ### CDN
 
-[https://cdnjs.cloudflare.com/ajax/libs/bulma](https://cdnjs.cloudflare.com/ajax/libs/bulma)
+[https://cdnjs.com/libraries/bulma](https://cdnjs.com/libraries/bulma)
 
 Feel free to raise an issue or submit a pull request.
 

css/bulma.css

@@ -963,7 +963,7 @@ a.box:active {
 }
 
 .button.is-loading, .pagination a.is-loading {
-  color: transparent;
+  color: transparent !important;
   pointer-events: none;
 }
 

sass/base/helpers.sass

@@ -1,8 +1,31 @@
 // Display
 
-.is-flex
+$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
-  display: flex
 
+@each $display in $displays
+  .is-#{$display}
+    display: #{$display}
+  .is-#{$display}-mobile
+    +mobile
+      display: #{$display} !important
+  .is-#{$display}-tablet
+    +tablet
+      display: #{$display} !important
+  .is-#{$display}-tablet-only
+    +tablet-only
+      display: #{$display} !important
+  .is-#{$display}-touch
+    +touch
+      display: #{$display} !important
+  .is-#{$display}-desktop
+    +desktop
+      display: #{$display} !important
+  .is-#{$display}-desktop-only
+    +desktop-only
+      display: #{$display} !important
+  .is-#{$display}-widescreen
+    +widescreen
+      display: #{$display} !important
 // Float
 
 .is-clearfix
@@ -40,6 +63,10 @@
     display: none !important
 
 .is-hidden-tablet
+  +tablet
+    display: none !important
+
+.is-hidden-tablet-only
   +tablet-only
     display: none !important
 
@@ -48,9 +75,17 @@
     display: none !important
 
 .is-hidden-desktop
+  +desktop
+    display: none !important
+
+.is-hidden-desktop-only
   +desktop-only
     display: none !important
 
+.is-hidden-widescreen
+  +widescreen
+    display: none !important
+
 // Other
 
 .is-disabled

sass/elements/button.sass

@@ -101,7 +101,7 @@
     display: block
     width: 100%
   &.is-loading
-    color: transparent
+    color: transparent !important
     pointer-events: none
     &:after
       @extend .loader

sass/utilities/controls.sass

@@ -9,6 +9,7 @@
   display: inline-flex
   font-size: $size-normal
   height: 32px
+  justify-content: flex-start
   line-height: 24px
   padding-left: 8px
   padding-right: 8px