47 lines
675 B
Sass
47 lines
675 B
Sass
|
.success,
|
||
|
|
.failure,
|
||
|
|
.killed,
|
||
|
|
.error,
|
||
|
|
.running,
|
||
|
|
.pending
|
||
|
|
padding: 0px 15px;
|
||
|
|
color: #FFF;
|
||
|
|
width: 100px;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 2px;
|
||
|
|
text-transform:uppercase;
|
||
|
|
font-size:11px;
|
||
|
|
line-height: 22px;
|
||
|
|
display:inline-block;
|
||
|
|
margin-right:10px;
|
||
|
|
|
||
|
|
.error,
|
||
|
|
.killed,
|
||
|
|
.failure
|
||
|
|
background: #bf616a;
|
||
|
|
|
||
|
|
.success
|
||
|
|
background: #a3be8c;
|
||
|
|
|
||
|
|
.pending,
|
||
|
|
.running
|
||
|
|
background: #ebcb8b;
|
||
|
|
animation: horizontal 2s ease infinite;
|
||
|
|
|
||
|
|
|
||
|
|
@keyframes horizontal
|
||
|
|
0%
|
||
|
|
transform:translate(0,0)
|
||
|
|
6%
|
||
|
|
transform:translate(5px,0)
|
||
|
|
12%
|
||
|
|
transform:translate(0,0)
|
||
|
|
18%
|
||
|
|
transform:translate(5px,0)
|
||
|
|
24%
|
||
|
|
transform:translate(0,0)
|
||
|
|
30%
|
||
|
|
transform:translate(5px,0)
|
||
|
|
36%,100%
|
||
|
|
transform:translate(0,0)
|