summaryrefslogtreecommitdiff
path: root/css/components/progress.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/progress.css')
-rwxr-xr-xcss/components/progress.css94
1 files changed, 0 insertions, 94 deletions
diff --git a/css/components/progress.css b/css/components/progress.css
deleted file mode 100755
index e89f8c8..0000000
--- a/css/components/progress.css
+++ /dev/null
@@ -1,94 +0,0 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: Progress
4 ========================================================================== */
5/*
6 * 1. Clearing
7 * 2. Vertical alignment if text is used
8 */
9.uk-progress {
10 box-sizing: border-box;
11 height: 20px;
12 margin-bottom: 15px;
13 background: #eee;
14 /* 1 */
15 overflow: hidden;
16 /* 2 */
17 line-height: 20px;
18}
19/*
20 * Add margin if adjacent element
21 */
22* + .uk-progress {
23 margin-top: 15px;
24}
25/* Sub-object: `uk-progress-bar`
26 ========================================================================== */
27/*
28 * 1. Transition
29 * 2. Needed for text
30 */
31.uk-progress-bar {
32 width: 0;
33 height: 100%;
34 background: #00a8e6;
35 float: left;
36 /* 1 */
37 -webkit-transition: width 0.6s ease;
38 transition: width 0.6s ease;
39 /* 2 */
40 font-size: 12px;
41 color: #fff;
42 text-align: center;
43}
44/* Size modifiers
45 ========================================================================== */
46/* Mini */
47.uk-progress-mini {
48 height: 6px;
49}
50/* Small */
51.uk-progress-small {
52 height: 12px;
53}
54/* Color modifiers
55 ========================================================================== */
56.uk-progress-success .uk-progress-bar {
57 background-color: #8cc14c;
58}
59.uk-progress-warning .uk-progress-bar {
60 background-color: #faa732;
61}
62.uk-progress-danger .uk-progress-bar {
63 background-color: #da314b;
64}
65/* Modifier: `uk-progress-striped`
66 ========================================================================== */
67.uk-progress-striped .uk-progress-bar {
68 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
69 background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
70 background-size: 30px 30px;
71}
72/*
73 * Animation
74 */
75.uk-progress-striped.uk-active .uk-progress-bar {
76 -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
77 animation: uk-progress-bar-stripes 2s linear infinite;
78}
79@-webkit-keyframes uk-progress-bar-stripes {
80 0% {
81 background-position: 0 0;
82 }
83 100% {
84 background-position: 30px 0;
85 }
86}
87@keyframes uk-progress-bar-stripes {
88 0% {
89 background-position: 0 0;
90 }
91 100% {
92 background-position: 30px 0;
93 }
94}