Sha256: 52a32d106009f763ac8aed61c0173ae0d935ad454894d9c4af6a4f6e2d2700d0
Contents?: true
Size: 1.57 KB
Versions: 4
Compression:
Stored size: 1.57 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.secondary { background: $color-secondary; }
.progress > .bar-striped,
.progress > .bar-striped.secondary {
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,
.progress > .bar-striped.secondary.active {
-webkit-animation: progressBarStripes 2s linear infinite;
animation: progressBarStripes 2s linear infinite;
}
.progress-mini { height: 8px; }
Version data entries
4 entries across 4 versions & 1 rubygems