app/assets/stylesheets/sass/elements/form.sass in bulma-rails-0.1.0 vs app/assets/stylesheets/sass/elements/form.sass in bulma-rails-0.1.2
- old
+ new
@@ -125,11 +125,11 @@
.control-label
+mobile
margin-bottom: 5px
+tablet
- flex: 1
+ flex-grow: 1
margin-right: 20px
padding-top: 7px
text-align: right
.control
@@ -159,20 +159,20 @@
&:last-child
border-radius: 0 $radius $radius 0
select
border-radius: 0 $radius $radius 0
&.is-expanded
- flex: 1
+ flex-grow: 1
&.has-addons-centered
justify-content: center
&.has-addons-right
justify-content: flex-end
&.has-addons-fullwidth
.button,
.input,
.select
- flex: 1
+ flex-grow: 1
&.has-icon
& > .fa
+fa(14px, 24px)
color: $text-light
pointer-events: none
@@ -231,20 +231,20 @@
& > .control
&:not(:last-child)
margin-bottom: 0
margin-right: 10px
&.is-expanded
- flex: 1
+ flex-grow: 1
&.is-grouped-centered
justify-content: center
&.is-grouped-right
justify-content: flex-end
&.is-horizontal
+tablet
display: flex
& > .control
display: flex
- flex: 5
+ flex-grow: 5
&.is-loading
&:after
@extend .loader
position: absolute !important
right: 8px