summaryrefslogtreecommitdiff
path: root/css/components/progress.almost-flat.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/progress.almost-flat.css')
-rwxr-xr-xcss/components/progress.almost-flat.css104
1 files changed, 0 insertions, 104 deletions
diff --git a/css/components/progress.almost-flat.css b/css/components/progress.almost-flat.css
deleted file mode 100755
index cb501e8..0000000
--- a/css/components/progress.almost-flat.css
+++ /dev/null
@@ -1,104 +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: #f5f5f5;
14 /* 1 */
15 overflow: hidden;
16 /* 2 */
17 line-height: 20px;
18 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
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: #00a8e6;
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 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
46 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
47}
48/* Size modifiers
49 ========================================================================== */
50/* Mini */
51.uk-progress-mini {
52 height: 6px;
53}
54/* Small */
55.uk-progress-small {
56 height: 12px;
57}
58/* Color modifiers
59 ========================================================================== */
60.uk-progress-success .uk-progress-bar {
61 background-color: #8cc14c;
62}
63.uk-progress-warning .uk-progress-bar {
64 background-color: #faa732;
65}
66.uk-progress-danger .uk-progress-bar {
67 background-color: #da314b;
68}
69/* Modifier: `uk-progress-striped`
70 ========================================================================== */
71.uk-progress-striped .uk-progress-bar {
72 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);
73 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);
74 background-size: 30px 30px;
75}
76/*
77 * Animation
78 */
79.uk-progress-striped.uk-active .uk-progress-bar {
80 -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
81 animation: uk-progress-bar-stripes 2s linear infinite;
82}
83@-webkit-keyframes uk-progress-bar-stripes {
84 0% {
85 background-position: 0 0;
86 }
87 100% {
88 background-position: 30px 0;
89 }
90}
91@keyframes uk-progress-bar-stripes {
92 0% {
93 background-position: 0 0;
94 }
95 100% {
96 background-position: 30px 0;
97 }
98}
99/* Size modifiers
100 ========================================================================== */
101.uk-progress-mini,
102.uk-progress-small {
103 border-radius: 500px;
104}