harness-drone/static/styles/modules/status.sass

46 lines
686 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)