Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 03:44:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Get default assignments automatically

Browse Source
This commit is contained in:
Jeremy Thomas
2020-08-24 11:41:30 +02:00
parent 5b91a89ee2
commit d79c6dbc3c
4 changed files with 41 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
sass/form/shared.sass
View File

@@ -27,7 +27,6 @@ $input-icon-active-color: var(--text, #{$text}) !default
$input-radius: var(--radius, #{$radius}) !default
=input
@extend %control
background-color: var(--input-background-color)
border-color: var(--input-border-color)

12
sass/form/tools.sass
View File

@@ -182,7 +182,7 @@ $control-font-size: var(--size-normal, #{$size-normal}) !default
.select
&:focus
& ~ .icon
color: $input-icon-active-color
color: var(--input-icon-active-color)
&.is-small ~ .icon
font-size: var(--size-small, #{$size-small})
&.is-medium ~ .icon
@@ -190,23 +190,23 @@ $control-font-size: var(--size-normal, #{$size-normal}) !default
&.is-large ~ .icon
font-size: var(--size-large, #{$size-large})
.icon
color: $input-icon-color
height: $input-height
color: var(--input-icon-color)
height: var(--input-height)
pointer-events: none
position: absolute
top: 0
width: $input-height
width: var(--input-height)
z-index: 4
&.has-icons-left
.input,
.select select
padding-left: $input-height
padding-left: var(--input-height)
.icon.is-left
left: 0
&.has-icons-right
.input,
.select select
padding-right: $input-height
padding-right: var(--input-height)
.icon.is-right
right: 0
&.is-loading

21
sass/themes/default.sass
View File

@@ -127,3 +127,24 @@
--control-line-height: #{$control-line-height}
--control-padding-vertical: #{$control-padding-vertical}
--control-padding-horizontal: #{$control-padding-horizontal}
// Inputs
--input-color: #{$input-color}
--input-background-color: #{$input-background-color}
--input-border-color: #{$input-border-color}
--input-height: #{$input-height}
--input-shadow: #{$input-shadow}
--input-placeholder-color: #{$input-placeholder-color}
--input-hover-color: #{$input-hover-color}
--input-hover-border-color: #{$input-hover-border-color}
--input-focus-color: #{$input-focus-color}
--input-focus-border-color: #{$input-focus-border-color}
--input-focus-box-shadow-size: #{$input-focus-box-shadow-size}
--input-focus-box-shadow-color: #{$input-focus-box-shadow-color}
--input-disabled-color: #{$input-disabled-color}
--input-disabled-background-color: #{$input-disabled-background-color}
--input-disabled-border-color: #{$input-disabled-border-color}
--input-disabled-placeholder-color: #{$input-disabled-placeholder-color}
--input-arrow: #{$input-arrow}
--input-icon-color: #{$input-icon-color}
--input-icon-active-color: #{$input-icon-active-color}
--input-radius: #{$input-radius}