Sha256: 8a23fa9496c92df333b68d83c12df29b5c8528b2617dad9908071ed16c030a53
Contents?: true
Size: 1.44 KB
Versions: 11
Compression:
Stored size: 1.44 KB
Contents
/* Table of Contents
==================================================
# Progress */
/* # Progress
================================================== */
@-webkit-keyframes progressBarStripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
@keyframes progressBarStripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
.progress {
background: $color-haze-light;
border-radius: 500px;
height: 25px;
overflow: hidden;
}
.progress > .bar {
background: $color-primary;
box-sizing: border-box;
color: $color-white;
float: left;
font-size: 13px;
height: 100%;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
text-align: center;
width: 0;
}
.progress > .bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, $color-transparent 25%, $color-transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, $color-transparent 75%, $color-transparent);
background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, $color-transparent 25%, $color-transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, $color-transparent 75%, $color-transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress > .bar-striped.active {
-webkit-animation: progressBarStripes 2s linear infinite;
animation: progressBarStripes 2s linear infinite;
}
.progress-mini { height: 8px; }
Version data entries
11 entries across 11 versions & 1 rubygems