← Back to branch summary

~ubuntu-branches/ubuntu/utopic/horizon/utopic-updates

« back to all changes in this revision

Viewing changes to xstatic/pkg/bootstrap_scss/data/scss/bootstrap/_progress-bars.scss

  • Committer: Package Import Robot
  • Author(s): James Page, Chris Johnston, James Page
  • Date: 2014-10-03 17:54:18 UTC
  • mfrom: (0.4.1) (1.1.44) (70.1.2 utopic)
  • Revision ID: package-import@ubuntu.com-20141003175418-1jomx0azdvnl5fxz
Tags: 1:2014.2~rc1-0ubuntu1
https://launchpad.net/bugs/1308651
[ Chris Johnston ]
* d/theme/css/ubuntu.css: Fix Ubuntu theme for Instances "more" dropdown
  (LP: #1308651).

[ James Page ]
* New upstream release candidate:
  - d/p/*: Refresh.
* d/watch: Use tarballs.openstack.org for upstream releases. 

Show diffs side-by-side

added added

removed removed

Lines of Context:
xstatic/pkg/bootstrap_scss/data/scss/bootstrap/_progress-bars.scss
 
1
//
 
2
// Progress bars
 
3
// --------------------------------------------------
 
4
 
 
5
 
 
6
// Bar animations
 
7
// -------------------------
 
8
 
 
9
// WebKit
 
10
@-webkit-keyframes progress-bar-stripes {
 
11
  from  { background-position: 40px 0; }
 
12
  to    { background-position: 0 0; }
 
13
}
 
14
 
 
15
// Spec and IE10+
 
16
@keyframes progress-bar-stripes {
 
17
  from  { background-position: 40px 0; }
 
18
  to    { background-position: 0 0; }
 
19
}
 
20
 
 
21
 
 
22
 
 
23
// Bar itself
 
24
// -------------------------
 
25
 
 
26
// Outer container
 
27
.progress {
 
28
  overflow: hidden;
 
29
  height: $line-height-computed;
 
30
  margin-bottom: $line-height-computed;
 
31
  background-color: $progress-bg;
 
32
  border-radius: $border-radius-base;
 
33
  @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
 
34
}
 
35
 
 
36
// Bar of progress
 
37
.progress-bar {
 
38
  float: left;
 
39
  width: 0%;
 
40
  height: 100%;
 
41
  font-size: $font-size-small;
 
42
  line-height: $line-height-computed;
 
43
  color: $progress-bar-color;
 
44
  text-align: center;
 
45
  background-color: $progress-bar-bg;
 
46
  @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
 
47
  @include transition(width .6s ease);
 
48
}
 
49
 
 
50
// Striped bars
 
51
//
 
52
// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
 
53
// `.progress-bar-striped` class, which you just add to an existing
 
54
// `.progress-bar`.
 
55
.progress-striped .progress-bar,
 
56
.progress-bar-striped {
 
57
  @include gradient-striped();
 
58
  background-size: 40px 40px;
 
59
}
 
60
 
 
61
// Call animation for the active one
 
62
//
 
63
// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
 
64
// `.progress-bar.active` approach.
 
65
.progress.active .progress-bar,
 
66
.progress-bar.active {
 
67
  @include animation(progress-bar-stripes 2s linear infinite);
 
68
}
 
69
 
 
70
// Account for lower percentages
 
71
.progress-bar {
 
72
  &[aria-valuenow="1"],
 
73
  &[aria-valuenow="2"] {
 
74
    min-width: 30px;
 
75
  }
 
76
 
 
77
  &[aria-valuenow="0"] {
 
78
    color: $gray-light;
 
79
    min-width: 30px;
 
80
    background-color: transparent;
 
81
    background-image: none;
 
82
    box-shadow: none;
 
83
  }
 
84
}
 
85
 
 
86
 
 
87
 
 
88
// Variations
 
89
// -------------------------
 
90
 
 
91
.progress-bar-success {
 
92
  @include progress-bar-variant($progress-bar-success-bg);
 
93
}
 
94
 
 
95
.progress-bar-info {
 
96
  @include progress-bar-variant($progress-bar-info-bg);
 
97
}
 
98
 
 
99
.progress-bar-warning {
 
100
  @include progress-bar-variant($progress-bar-warning-bg);
 
101
}
 
102
 
 
103
.progress-bar-danger {
 
104
  @include progress-bar-variant($progress-bar-danger-bg);
 
105
}