Increase controls size, Update base colors

This commit is contained in:
Jeremy Thomas
2019-10-12 21:44:57 +01:00
parent 4a84aa1555
commit 639e09e2c3
5 changed files with 21 additions and 17 deletions

View File

@@ -1,3 +1,7 @@
$textarea-padding: $control-padding-horizontal !default
$textarea-max-height: 40em !default
$textarea-min-height: 8em !default
%input-textarea
@extend %input
box-shadow: $input-shadow
@@ -34,8 +38,8 @@
@extend %input-textarea
&.is-rounded
border-radius: $radius-rounded
padding-left: 1em
padding-right: 1em
padding-left: calc(#{$control-padding-horizontal} + 0.375em)
padding-right: calc(#{$control-padding-horizontal} + 0.375em)
&.is-static
background-color: transparent
border-color: transparent
@@ -48,11 +52,11 @@
display: block
max-width: 100%
min-width: 100%
padding: 0.625em
padding: $textarea-padding
resize: vertical
&:not([rows])
max-height: 600px
min-height: 120px
max-height: $textarea-max-height
min-height: $textarea-min-height
&[rows]
height: initial
// Modifiers

View File

@@ -2,7 +2,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.05) !default
$input-shadow: inset 0 0.0625em 0.125em rgba($black, 0.05) !default
$input-placeholder-color: rgba($input-color, 0.3) !default
$input-hover-color: $grey-darker !default