Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-21 04:34:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

New control height and line height variables

Browse Source
This commit is contained in:
Jeremy Thomas
2018-10-02 07:01:43 +01:00
parent 036945d970
commit 91db8e1af0
5 changed files with 152 additions and 589 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
sass/elements/form.sass
View File

@@ -1,6 +1,7 @@
$input-color: $grey-darker !default
$input-background-color: $white !default
$input-border-color: $grey-lighter !default
$input-height: $control-height !default
$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
$input-hover-color: $grey-darker !default
@@ -148,7 +149,7 @@ $help-size: $size-small !default
position: relative
vertical-align: top
&:not(.is-multiple)
height: 2.25em
height: $input-height
&:not(.is-multiple):not(.is-loading)
&::after
@extend %arrow
@@ -551,11 +552,11 @@ $help-size: $size-small !default
&.has-icon
.icon
color: $input-icon-color
height: 2.25em
height: $input-height
pointer-events: none
position: absolute
top: 0
width: 2.25em
width: $input-height
z-index: 4
.input
&:focus
@@ -574,12 +575,12 @@ $help-size: $size-small !default
.icon
left: 0
.input
padding-left: 2.25em
padding-left: $input-height
&.has-icon-right
.icon
right: 0
.input
padding-right: 2.25em
padding-right: $input-height
&.has-icons-left,
&.has-icons-right
.input,
@@ -595,22 +596,22 @@ $help-size: $size-small !default
font-size: $size-large
.icon
color: $input-icon-color
height: 2.25em
height: $input-height
pointer-events: none
position: absolute
top: 0
width: 2.25em
width: $input-height
z-index: 4
&.has-icons-left
.input,
.select select
padding-left: 2.25em
padding-left: $input-height
.icon.is-left
left: 0
&.has-icons-right
.input,
.select select
padding-right: 2.25em
padding-right: $input-height
.icon.is-right
right: 0
&.is-loading