Fix button, input, and select line-height

This commit is contained in:
Jeremy Thomas
2017-03-12 23:31:56 +00:00
parent 718bbdbfd0
commit d2d9515dfa
5 changed files with 58 additions and 19 deletions

View File

@@ -153,3 +153,6 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
+loader
+center(1em)
position: absolute !important
button.button
line-height: 1

View File

@@ -158,6 +158,10 @@ $input-radius: $radius !default
&.is-#{$name}
color: $color
input[type="submit"].input,
.select select
line-height: 1
// Containers
.field
@@ -254,13 +258,15 @@ $input-radius: $radius !default
flex-grow: 5
flex-shrink: 1
.field
flex-grow: 1
flex-shrink: 1
&:not(.is-narrow)
flex-grow: 1
&:not(:last-child)
margin-bottom: 0
margin-right: 0.75rem
.control
font-size: $size-normal
position: relative
text-align: left
// Modifiers

View File

@@ -13,10 +13,10 @@ $control-radius-small: $radius-small !default
height: 2.25em
justify-content: flex-start
line-height: 1.5
padding-bottom: 0.375em
padding-bottom: 0.425em
padding-left: 0.625em
padding-right: 0.625em
padding-top: 0.375em
padding-top: 0.325em
position: relative
vertical-align: top
// States