library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make loading spinner color uninverted on is-outlined buttons

Browse Source
This commit is contained in:
yoostk 2017-01-17 04:45:21 +09:00 committed by Jeremy Thomas
parent b2440df07b
commit 033677f631
3 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
css/bulma.css vendored
View File

@ -748,6 +748,10 @@ a.box:active {
color: #0a0a0a;
}
.button.is-white.is-outlined.is-loading:after {
border-color: transparent transparent white white !important;
}
.button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
@ -809,6 +813,10 @@ a.box:active {
color: white;
}
.button.is-black.is-outlined.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: white;
@ -870,6 +878,10 @@ a.box:active {
color: #363636;
}
.button.is-light.is-outlined.is-loading:after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
@ -931,6 +943,10 @@ a.box:active {
color: whitesmoke;
}
.button.is-dark.is-outlined.is-loading:after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: whitesmoke;
@ -992,6 +1008,10 @@ a.box:active {
color: #fff;
}
.button.is-primary.is-outlined.is-loading:after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
.button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
@ -1053,6 +1073,10 @@ a.box:active {
color: #fff;
}
.button.is-info.is-outlined.is-loading:after {
border-color: transparent transparent #3273dc #3273dc !important;
}
.button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
@ -1114,6 +1138,10 @@ a.box:active {
color: #fff;
}
.button.is-success.is-outlined.is-loading:after {
border-color: transparent transparent #23d160 #23d160 !important;
}
.button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
@ -1175,6 +1203,10 @@ a.box:active {
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading:after {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
.button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
@ -1236,6 +1268,10 @@ a.box:active {
color: #fff;
}
.button.is-danger.is-outlined.is-loading:after {
border-color: transparent transparent #ff3860 #ff3860 !important;
}
.button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

3
sass/elements/button.sass
View File

@ -164,6 +164,9 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
background-color: $color
border-color: $color
color: $color-invert
&.is-loading
&:after
border-color: transparent transparent $color $color !important
&.is-inverted.is-outlined
background-color: transparent
border-color: $color-invert