summaryrefslogtreecommitdiff
path: root/css/components/progress.gradient.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/progress.gradient.css')
-rwxr-xr-xcss/components/progress.gradient.css112
1 files changed, 0 insertions, 112 deletions
diff --git a/css/components/progress.gradient.css b/css/components/progress.gradient.css
deleted file mode 100755
index c56ebc9..0000000
--- a/css/components/progress.gradient.css
+++ /dev/null
@@ -1,112 +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: #f7f7f7;
14 /* 1 */
15 overflow: hidden;
16 /* 2 */
17 line-height: 20px;
18 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
19 border-radius: 4px;
20}
21/*
22 * Add margin if adjacent element
23 */
24* + .uk-progress {
25 margin-top: 15px;
26}
27/* Sub-object: `uk-progress-bar`
28 ========================================================================== */
29/*
30 * 1. Transition
31 * 2. Needed for text
32 */
33.uk-progress-bar {
34 width: 0;
35 height: 100%;
36 background: #009dd8;
37 float: left;
38 /* 1 */
39 -webkit-transition: width 0.6s ease;
40 transition: width 0.6s ease;
41 /* 2 */
42 font-size: 12px;
43 color: #fff;
44 text-align: center;
45 background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
46 background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
47 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
48 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
49}
50/* Size modifiers
51 ========================================================================== */
52/* Mini */
53.uk-progress-mini {
54 height: 6px;
55}
56/* Small */
57.uk-progress-small {
58 height: 12px;
59}
60/* Color modifiers
61 ========================================================================== */
62.uk-progress-success .uk-progress-bar {
63 background-color: #82bb42;
64 background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
65 background-image: linear-gradient(to bottom, #9fd256, #6fac34);
66}
67.uk-progress-warning .uk-progress-bar {
68 background-color: #f9a124;
69 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
70 background-image: linear-gradient(to bottom, #fbb450, #f89406);
71}
72.uk-progress-danger .uk-progress-bar {
73 background-color: #d32c46;
74 background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
75 background-image: linear-gradient(to bottom, #ee465a, #c11a39);
76}
77/* Modifier: `uk-progress-striped`
78 ========================================================================== */
79.uk-progress-striped .uk-progress-bar {
80 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);
81 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);
82 background-size: 30px 30px;
83}
84/*
85 * Animation
86 */
87.uk-progress-striped.uk-active .uk-progress-bar {
88 -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
89 animation: uk-progress-bar-stripes 2s linear infinite;
90}
91@-webkit-keyframes uk-progress-bar-stripes {
92 0% {
93 background-position: 0 0;
94 }
95 100% {
96 background-position: 30px 0;
97 }
98}
99@keyframes uk-progress-bar-stripes {
100 0% {
101 background-position: 0 0;
102 }
103 100% {
104 background-position: 30px 0;
105 }
106}
107/* Size modifiers
108 ========================================================================== */
109.uk-progress-mini,
110.uk-progress-small {
111 border-radius: 500px;
112}