mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Fix disabled select color
This commit is contained in:
parent
bbb5419717
commit
9aa25eb28e
@ -3785,7 +3785,8 @@ fieldset[disabled] .select select:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.select.is-disabled::after {
|
.select.is-disabled::after {
|
||||||
border-color: #7a7a7a;
|
border-color: #7a7a7a !important;
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select.is-fullwidth {
|
.select.is-fullwidth {
|
||||||
|
File diff suppressed because one or more lines are too long
2
css/bulma-rtl.min.css
vendored
2
css/bulma-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
3
css/bulma.css
vendored
3
css/bulma.css
vendored
@ -3785,7 +3785,8 @@ fieldset[disabled] .select select:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.select.is-disabled::after {
|
.select.is-disabled::after {
|
||||||
border-color: #7a7a7a;
|
border-color: #7a7a7a !important;
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select.is-fullwidth {
|
.select.is-fullwidth {
|
||||||
|
File diff suppressed because one or more lines are too long
2
css/bulma.min.css
vendored
2
css/bulma.min.css
vendored
File diff suppressed because one or more lines are too long
@ -6068,7 +6068,8 @@ fieldset[disabled] .select select:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.select.is-disabled::after {
|
.select.is-disabled::after {
|
||||||
border-color: #7a7a7a;
|
border-color: #7a7a7a !important;
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select.is-fullwidth {
|
.select.is-fullwidth {
|
||||||
|
2
docs/css/bulma-docs.min.css
vendored
2
docs/css/bulma-docs.min.css
vendored
File diff suppressed because one or more lines are too long
53
docs/css/bulma.css
vendored
53
docs/css/bulma.css
vendored
@ -599,7 +599,7 @@ fieldset[disabled] .button.is-text {
|
|||||||
.button.is-white[disabled],
|
.button.is-white[disabled],
|
||||||
fieldset[disabled] .button.is-white {
|
fieldset[disabled] .button.is-white {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: transparent;
|
border-color: white;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -705,7 +705,7 @@ fieldset[disabled] .button.is-white.is-inverted.is-outlined {
|
|||||||
.button.is-black[disabled],
|
.button.is-black[disabled],
|
||||||
fieldset[disabled] .button.is-black {
|
fieldset[disabled] .button.is-black {
|
||||||
background-color: #0a0a0a;
|
background-color: #0a0a0a;
|
||||||
border-color: transparent;
|
border-color: #0a0a0a;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -811,7 +811,7 @@ fieldset[disabled] .button.is-black.is-inverted.is-outlined {
|
|||||||
.button.is-light[disabled],
|
.button.is-light[disabled],
|
||||||
fieldset[disabled] .button.is-light {
|
fieldset[disabled] .button.is-light {
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
border-color: transparent;
|
border-color: whitesmoke;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -917,7 +917,7 @@ fieldset[disabled] .button.is-light.is-inverted.is-outlined {
|
|||||||
.button.is-dark[disabled],
|
.button.is-dark[disabled],
|
||||||
fieldset[disabled] .button.is-dark {
|
fieldset[disabled] .button.is-dark {
|
||||||
background-color: #363636;
|
background-color: #363636;
|
||||||
border-color: transparent;
|
border-color: #363636;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1023,7 +1023,7 @@ fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
|
|||||||
.button.is-primary[disabled],
|
.button.is-primary[disabled],
|
||||||
fieldset[disabled] .button.is-primary {
|
fieldset[disabled] .button.is-primary {
|
||||||
background-color: #00d1b2;
|
background-color: #00d1b2;
|
||||||
border-color: transparent;
|
border-color: #00d1b2;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1146,7 +1146,7 @@ fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
|
|||||||
.button.is-link[disabled],
|
.button.is-link[disabled],
|
||||||
fieldset[disabled] .button.is-link {
|
fieldset[disabled] .button.is-link {
|
||||||
background-color: #485fc7;
|
background-color: #485fc7;
|
||||||
border-color: transparent;
|
border-color: #485fc7;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1269,7 +1269,7 @@ fieldset[disabled] .button.is-link.is-inverted.is-outlined {
|
|||||||
.button.is-info[disabled],
|
.button.is-info[disabled],
|
||||||
fieldset[disabled] .button.is-info {
|
fieldset[disabled] .button.is-info {
|
||||||
background-color: #3e8ed0;
|
background-color: #3e8ed0;
|
||||||
border-color: transparent;
|
border-color: #3e8ed0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1392,7 +1392,7 @@ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
|
|||||||
.button.is-success[disabled],
|
.button.is-success[disabled],
|
||||||
fieldset[disabled] .button.is-success {
|
fieldset[disabled] .button.is-success {
|
||||||
background-color: #48c78e;
|
background-color: #48c78e;
|
||||||
border-color: transparent;
|
border-color: #48c78e;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1515,7 +1515,7 @@ fieldset[disabled] .button.is-success.is-inverted.is-outlined {
|
|||||||
.button.is-warning[disabled],
|
.button.is-warning[disabled],
|
||||||
fieldset[disabled] .button.is-warning {
|
fieldset[disabled] .button.is-warning {
|
||||||
background-color: #ffe08a;
|
background-color: #ffe08a;
|
||||||
border-color: transparent;
|
border-color: #ffe08a;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1638,7 +1638,7 @@ fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
|
|||||||
.button.is-danger[disabled],
|
.button.is-danger[disabled],
|
||||||
fieldset[disabled] .button.is-danger {
|
fieldset[disabled] .button.is-danger {
|
||||||
background-color: #f14668;
|
background-color: #f14668;
|
||||||
border-color: transparent;
|
border-color: #f14668;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1879,6 +1879,38 @@ fieldset[disabled] .button {
|
|||||||
margin-right: 0.25rem;
|
margin-right: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.button.is-responsive.is-small {
|
||||||
|
font-size: 0.5625rem;
|
||||||
|
}
|
||||||
|
.button.is-responsive,
|
||||||
|
.button.is-responsive.is-normal {
|
||||||
|
font-size: 0.65625rem;
|
||||||
|
}
|
||||||
|
.button.is-responsive.is-medium {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
.button.is-responsive.is-large {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||||||
|
.button.is-responsive.is-small {
|
||||||
|
font-size: 0.65625rem;
|
||||||
|
}
|
||||||
|
.button.is-responsive,
|
||||||
|
.button.is-responsive.is-normal {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
.button.is-responsive.is-medium {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.button.is-responsive.is-large {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -3729,6 +3761,7 @@ fieldset[disabled] .select select:hover {
|
|||||||
|
|
||||||
.select.is-disabled::after {
|
.select.is-disabled::after {
|
||||||
border-color: #7a7a7a !important;
|
border-color: #7a7a7a !important;
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select.is-fullwidth {
|
.select.is-fullwidth {
|
||||||
|
@ -66,7 +66,8 @@ $select-colors: $form-colors !default
|
|||||||
// Modifiers
|
// Modifiers
|
||||||
&.is-disabled
|
&.is-disabled
|
||||||
&::after
|
&::after
|
||||||
border-color: $input-disabled-color
|
border-color: $input-disabled-color !important
|
||||||
|
opacity: 0.5
|
||||||
&.is-fullwidth
|
&.is-fullwidth
|
||||||
width: 100%
|
width: 100%
|
||||||
select
|
select
|
||||||
|
Loading…
Reference in New Issue
Block a user