Fix disabled buttons

This commit is contained in:
Jeremy Thomas
2017-03-31 22:25:53 +01:00
parent ff2a561c7e
commit 2c6aabcde7
8 changed files with 684 additions and 1299 deletions

View File

@@ -32,8 +32,7 @@ $input-radius: $radius !default
&:active,
&.is-active
border-color: $input-focus-border
&[disabled],
&.is-disabled
&[disabled]
background-color: $input-disabled-background
border-color: $input-disabled-border
box-shadow: none
@@ -93,11 +92,8 @@ $input-radius: $radius !default
margin-right: 0.5em
&:hover
color: $input-hover
&.is-disabled
&[disabled]
color: $input-disabled
pointer-events: none
input
pointer-events: none
.radio
& + .radio
@@ -292,33 +288,13 @@ $input-radius: $radius !default
&:not(.has-icon-right)
.icon
left: 0
// transform: translateX(-50%) translateY(-50%)
.input
padding-left: 2.25em
// &.is-small
// & + .icon
// left: ($size-small * 2.5) / 2
// &.is-medium
// & + .icon
// left: ($size-medium * 2.5) / 2
// &.is-large
// & + .icon
// left: ($size-large * 2.5) / 2
&.has-icon-right
.icon
right: 0
// transform: translateX(50%) translateY(-50%)
.input
padding-right: 2.25em
// &.is-small
// & + .icon
// right: ($size-small * 2.5) / 2
// &.is-medium
// & + .icon
// right: ($size-medium * 2.5) / 2
// &.is-large
// & + .icon
// right: ($size-large * 2.5) / 2
&.is-loading
&:after
+loader