library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-10-17 09:04:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #1979

Browse Source
This commit is contained in:
Jeremy Thomas 2019-05-18 22:06:52 +01:00
parent 6fc605c65c
commit c3f91c335b
5 changed files with 148 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
CHANGELOG.md
View File

@ -42,6 +42,11 @@ $title-family: "Georgia", serif;
* #2175 Proper aligning for `.tabs` within `.content`
* #2476 Fix #2441 -> Correct active pagination link text colour on hero
Fix #1979 -> Correct loading spinner color when a button is:
* outlined and hovered/focused
* outlined, inverted and hovered/focused
### New variables
#### Initial variables

1
docs/.gitignore vendored
View File

@ -4,6 +4,7 @@
.jekyll-metadata
_config.local.yml
_config.version.yml
_layouts/basic.html
bulma-test.sass
bulma-test.scss
bulma-test.css

160
docs/css/bulma-docs.css
View File

@ -1709,7 +1709,7 @@ fieldset[disabled] .button.is-white {
color: white;
}
.button.is-white.is-inverted:hover {
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
background-color: black;
}
@ -1731,7 +1731,7 @@ fieldset[disabled] .button.is-white.is-inverted {
color: white;
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
background-color: white;
border-color: white;
color: #0a0a0a;
@ -1741,6 +1741,10 @@ fieldset[disabled] .button.is-white.is-inverted {
border-color: transparent transparent white white !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
@ -1755,11 +1759,15 @@ fieldset[disabled] .button.is-white.is-outlined {
color: #0a0a0a;
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
background-color: #0a0a0a;
color: white;
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent white white !important;
}
.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
@ -1807,7 +1815,7 @@ fieldset[disabled] .button.is-black {
color: #0a0a0a;
}
.button.is-black.is-inverted:hover {
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
background-color: #f2f2f2;
}
@ -1829,7 +1837,7 @@ fieldset[disabled] .button.is-black.is-inverted {
color: #0a0a0a;
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: white;
@ -1839,6 +1847,10 @@ fieldset[disabled] .button.is-black.is-inverted {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent white white !important;
}
.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
@ -1853,11 +1865,15 @@ fieldset[disabled] .button.is-black.is-outlined {
color: white;
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
background-color: white;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
@ -1905,7 +1921,7 @@ fieldset[disabled] .button.is-light {
color: whitesmoke;
}
.button.is-light.is-inverted:hover {
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
background-color: #292929;
}
@ -1927,7 +1943,7 @@ fieldset[disabled] .button.is-light.is-inverted {
color: whitesmoke;
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
background-color: whitesmoke;
border-color: whitesmoke;
color: #363636;
@ -1937,6 +1953,10 @@ fieldset[disabled] .button.is-light.is-inverted {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
@ -1951,11 +1971,15 @@ fieldset[disabled] .button.is-light.is-outlined {
color: #363636;
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
background-color: #363636;
color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
@ -2003,7 +2027,7 @@ fieldset[disabled] .button.is-dark {
color: #363636;
}
.button.is-dark.is-inverted:hover {
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
background-color: #e8e8e8;
}
@ -2025,7 +2049,7 @@ fieldset[disabled] .button.is-dark.is-inverted {
color: #363636;
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
background-color: #363636;
border-color: #363636;
color: whitesmoke;
@ -2035,6 +2059,10 @@ fieldset[disabled] .button.is-dark.is-inverted {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
@ -2049,11 +2077,15 @@ fieldset[disabled] .button.is-dark.is-outlined {
color: whitesmoke;
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
background-color: whitesmoke;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
@ -2101,7 +2133,7 @@ fieldset[disabled] .button.is-primary {
color: #00d1b2;
}
.button.is-primary.is-inverted:hover {
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
background-color: #f2f2f2;
}
@ -2123,7 +2155,7 @@ fieldset[disabled] .button.is-primary.is-inverted {
color: #00d1b2;
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
background-color: #00d1b2;
border-color: #00d1b2;
color: #fff;
@ -2133,6 +2165,10 @@ fieldset[disabled] .button.is-primary.is-inverted {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
@ -2147,11 +2183,15 @@ fieldset[disabled] .button.is-primary.is-outlined {
color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #00d1b2;
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
@ -2199,7 +2239,7 @@ fieldset[disabled] .button.is-link {
color: #3273dc;
}
.button.is-link.is-inverted:hover {
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
background-color: #f2f2f2;
}
@ -2221,7 +2261,7 @@ fieldset[disabled] .button.is-link.is-inverted {
color: #3273dc;
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
@ -2231,6 +2271,10 @@ fieldset[disabled] .button.is-link.is-inverted {
border-color: transparent transparent #3273dc #3273dc !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
@ -2245,11 +2289,15 @@ fieldset[disabled] .button.is-link.is-outlined {
color: #fff;
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #3273dc;
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #3273dc #3273dc !important;
}
.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
@ -2297,7 +2345,7 @@ fieldset[disabled] .button.is-info {
color: #209cee;
}
.button.is-info.is-inverted:hover {
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
background-color: #f2f2f2;
}
@ -2319,7 +2367,7 @@ fieldset[disabled] .button.is-info.is-inverted {
color: #209cee;
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
background-color: #209cee;
border-color: #209cee;
color: #fff;
@ -2329,6 +2377,10 @@ fieldset[disabled] .button.is-info.is-inverted {
border-color: transparent transparent #209cee #209cee !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
@ -2343,11 +2395,15 @@ fieldset[disabled] .button.is-info.is-outlined {
color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #209cee;
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #209cee #209cee !important;
}
.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
@ -2395,7 +2451,7 @@ fieldset[disabled] .button.is-success {
color: #23d160;
}
.button.is-success.is-inverted:hover {
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
background-color: #f2f2f2;
}
@ -2417,7 +2473,7 @@ fieldset[disabled] .button.is-success.is-inverted {
color: #23d160;
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
background-color: #23d160;
border-color: #23d160;
color: #fff;
@ -2427,6 +2483,10 @@ fieldset[disabled] .button.is-success.is-inverted {
border-color: transparent transparent #23d160 #23d160 !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
@ -2441,11 +2501,15 @@ fieldset[disabled] .button.is-success.is-outlined {
color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #23d160;
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #23d160 #23d160 !important;
}
.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
@ -2493,7 +2557,7 @@ fieldset[disabled] .button.is-warning {
color: #ffdd57;
}
.button.is-warning.is-inverted:hover {
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
background-color: rgba(0, 0, 0, 0.7);
}
@ -2515,7 +2579,7 @@ fieldset[disabled] .button.is-warning.is-inverted {
color: #ffdd57;
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
background-color: #ffdd57;
border-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
@ -2525,6 +2589,10 @@ fieldset[disabled] .button.is-warning.is-inverted {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
@ -2539,11 +2607,15 @@ fieldset[disabled] .button.is-warning.is-outlined {
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
background-color: rgba(0, 0, 0, 0.7);
color: #ffdd57;
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
@ -2591,7 +2663,7 @@ fieldset[disabled] .button.is-danger {
color: #ff3860;
}
.button.is-danger.is-inverted:hover {
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
background-color: #f2f2f2;
}
@ -2613,7 +2685,7 @@ fieldset[disabled] .button.is-danger.is-inverted {
color: #ff3860;
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
background-color: #ff3860;
border-color: #ff3860;
color: #fff;
@ -2623,6 +2695,10 @@ fieldset[disabled] .button.is-danger.is-inverted {
border-color: transparent transparent #ff3860 #ff3860 !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
@ -2637,11 +2713,15 @@ fieldset[disabled] .button.is-danger.is-outlined {
color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
background-color: #fff;
color: #ff3860;
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #ff3860 #ff3860 !important;
}
.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
@ -9629,7 +9709,7 @@ label.panel-block:hover {
color: #0a0a0a;
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
color: inherit;
}
@ -9707,7 +9787,7 @@ label.panel-block:hover {
color: white;
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
color: inherit;
}
@ -9785,7 +9865,7 @@ label.panel-block:hover {
color: #363636;
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
color: inherit;
}
@ -9863,7 +9943,7 @@ label.panel-block:hover {
color: whitesmoke;
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
color: inherit;
}
@ -9941,7 +10021,7 @@ label.panel-block:hover {
color: #fff;
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
color: inherit;
}
@ -10019,7 +10099,7 @@ label.panel-block:hover {
color: #fff;
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
color: inherit;
}
@ -10097,7 +10177,7 @@ label.panel-block:hover {
color: #fff;
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
color: inherit;
}
@ -10175,7 +10255,7 @@ label.panel-block:hover {
color: #fff;
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
color: inherit;
}
@ -10253,7 +10333,7 @@ label.panel-block:hover {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
color: inherit;
}
@ -10331,7 +10411,7 @@ label.panel-block:hover {
color: #fff;
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
color: inherit;
}

2
docs/css/bulma-docs.min.css vendored
View File

File diff suppressed because one or more lines are too long

24
sass/elements/button.sass
View File

@ -145,7 +145,8 @@ $button-static-border-color: $grey-lighter !default
&.is-inverted
background-color: $color-invert
color: $color
&:hover
&:hover,
&.is-hovered
background-color: darken($color-invert, 5%)
&[disabled],
fieldset[disabled] &
@ -161,13 +162,21 @@ $button-static-border-color: $grey-lighter !default
border-color: $color
color: $color
&:hover,
&:focus
&.is-hovered,
&:focus,
&.is-focused
background-color: $color
border-color: $color
color: $color-invert
&.is-loading
&::after
border-color: transparent transparent $color $color !important
&:hover,
&.is-hovered,
&:focus,
&.is-focused
&::after
border-color: transparent transparent $color-invert $color-invert !important
&[disabled],
fieldset[disabled] &
background-color: transparent
@ -179,9 +188,18 @@ $button-static-border-color: $grey-lighter !default
border-color: $color-invert
color: $color-invert
&:hover,
&:focus
&.is-hovered,
&:focus,
&.is-focused
background-color: $color-invert
color: $color
&.is-loading
&:hover,
&.is-hovered,
&:focus,
&.is-focused
&::after
border-color: transparent transparent $color $color !important
&[disabled],
fieldset[disabled] &
background-color: transparent