rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Spinners cleanup

Browse Source
This commit is contained in:
Martijn Cuppens 2018-11-17 20:36:11 +01:00 committed by Mark Otto
parent 5042b3c93d
commit 12ae122eda
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_spinners.scss
View File

@ -7,15 +7,14 @@
} }
.spinner-border { .spinner-border {
position: relative;
display: inline-block; display: inline-block;
width: $spinner-width; width: $spinner-width;
height: $spinner-height; height: $spinner-height;
overflow: hidden; overflow: hidden;
text-indent: -999em; text-indent: -999em;
vertical-align: text-bottom; vertical-align: text-bottom;
border: $spinner-border-width solid; border: $spinner-border-width solid currentColor;
border-color: currentColor transparent currentColor currentColor; border-right-color: transparent;
border-radius: 50%; border-radius: 50%;
animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite;
} }
@ -32,20 +31,14 @@
@keyframes spinner-grow { @keyframes spinner-grow {
0% { 0% {
opacity: 0;
transform: scale(0); transform: scale(0);
} }
50% { 50% {
opacity: 1; opacity: 1;
} }
100% {
opacity: 0;
transform: scale(1);
}
} }
.spinner-grow { .spinner-grow {
position: relative;
display: inline-block; display: inline-block;
width: $spinner-width; width: $spinner-width;
height: $spinner-height; height: $spinner-height;
@ -54,6 +47,7 @@
vertical-align: text-bottom; vertical-align: text-bottom;
background-color: currentColor; background-color: currentColor;
border-radius: 50%; border-radius: 50%;
opacity: 0;
animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite;
} }