bootstrap-generators 2.0.4 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. data/README.md +211 -63
  2. data/lib/bootstrap/generators/version.rb +1 -1
  3. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +102 -28
  4. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +104 -31
  5. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  6. data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
  7. data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
  8. data/vendor/assets/javascripts/bootstrap-button.js +2 -2
  9. data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
  10. data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
  11. data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
  12. data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
  13. data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
  14. data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
  15. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  16. data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
  17. data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
  18. data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
  19. data/vendor/assets/javascripts/bootstrap.js +1 -1
  20. data/vendor/assets/stylesheets/bootstrap-responsive.css +1058 -0
  21. data/vendor/assets/stylesheets/bootstrap-responsive.min.css +9 -0
  22. data/vendor/assets/stylesheets/bootstrap.css +5774 -0
  23. data/vendor/assets/stylesheets/bootstrap.min.css +9 -0
  24. data/vendor/twitter/bootstrap/less/accordion.less +3 -2
  25. data/vendor/twitter/bootstrap/less/alerts.less +16 -9
  26. data/vendor/twitter/bootstrap/less/bootstrap.less +1 -1
  27. data/vendor/twitter/bootstrap/less/breadcrumbs.less +10 -10
  28. data/vendor/twitter/bootstrap/less/button-groups.less +79 -25
  29. data/vendor/twitter/bootstrap/less/buttons.less +107 -67
  30. data/vendor/twitter/bootstrap/less/carousel.less +13 -3
  31. data/vendor/twitter/bootstrap/less/close.less +4 -2
  32. data/vendor/twitter/bootstrap/less/code.less +6 -5
  33. data/vendor/twitter/bootstrap/less/component-animations.less +4 -2
  34. data/vendor/twitter/bootstrap/less/dropdowns.less +82 -15
  35. data/vendor/twitter/bootstrap/less/forms.less +124 -57
  36. data/vendor/twitter/bootstrap/less/grid.less +17 -1
  37. data/vendor/twitter/bootstrap/less/hero-unit.less +4 -2
  38. data/vendor/twitter/bootstrap/less/labels-badges.less +19 -2
  39. data/vendor/twitter/bootstrap/less/layouts.less +1 -2
  40. data/vendor/twitter/bootstrap/less/mixins.less +112 -77
  41. data/vendor/twitter/bootstrap/less/modals.less +12 -4
  42. data/vendor/twitter/bootstrap/less/navbar.less +245 -128
  43. data/vendor/twitter/bootstrap/less/navs.less +38 -17
  44. data/vendor/twitter/bootstrap/less/pager.less +11 -7
  45. data/vendor/twitter/bootstrap/less/pagination.less +23 -15
  46. data/vendor/twitter/bootstrap/less/popovers.less +101 -33
  47. data/vendor/twitter/bootstrap/less/progress-bars.less +18 -13
  48. data/vendor/twitter/bootstrap/less/reset.less +10 -4
  49. data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +9 -7
  50. data/vendor/twitter/bootstrap/less/responsive-767px-max.less +95 -70
  51. data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +7 -5
  52. data/vendor/twitter/bootstrap/less/responsive-navbar.less +30 -6
  53. data/vendor/twitter/bootstrap/less/responsive-utilities.less +17 -15
  54. data/vendor/twitter/bootstrap/less/responsive.less +5 -5
  55. data/vendor/twitter/bootstrap/less/scaffolding.less +27 -4
  56. data/vendor/twitter/bootstrap/less/sprites.less +21 -19
  57. data/vendor/twitter/bootstrap/less/tables.less +81 -12
  58. data/vendor/twitter/bootstrap/less/thumbnails.less +9 -4
  59. data/vendor/twitter/bootstrap/less/tooltip.less +47 -12
  60. data/vendor/twitter/bootstrap/less/type.less +75 -86
  61. data/vendor/twitter/bootstrap/less/utilities.less +9 -2
  62. data/vendor/twitter/bootstrap/less/variables.less +104 -31
  63. data/vendor/twitter/bootstrap/less/wells.less +7 -5
  64. data/vendor/twitter/bootstrap/sass/_accordion.scss +3 -2
  65. data/vendor/twitter/bootstrap/sass/_alerts.scss +15 -8
  66. data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +10 -10
  67. data/vendor/twitter/bootstrap/sass/_button-groups.scss +77 -23
  68. data/vendor/twitter/bootstrap/sass/_buttons.scss +106 -66
  69. data/vendor/twitter/bootstrap/sass/_carousel.scss +13 -3
  70. data/vendor/twitter/bootstrap/sass/_close.scss +5 -3
  71. data/vendor/twitter/bootstrap/sass/_code.scss +7 -6
  72. data/vendor/twitter/bootstrap/sass/_component-animations.scss +5 -3
  73. data/vendor/twitter/bootstrap/sass/_dropdowns.scss +85 -18
  74. data/vendor/twitter/bootstrap/sass/_forms.scss +121 -53
  75. data/vendor/twitter/bootstrap/sass/_grid.scss +17 -1
  76. data/vendor/twitter/bootstrap/sass/_hero-unit.scss +4 -2
  77. data/vendor/twitter/bootstrap/sass/_labels-badges.scss +29 -12
  78. data/vendor/twitter/bootstrap/sass/_layouts.scss +2 -3
  79. data/vendor/twitter/bootstrap/sass/_mixins.scss +163 -127
  80. data/vendor/twitter/bootstrap/sass/_modals.scss +12 -4
  81. data/vendor/twitter/bootstrap/sass/_navbar.scss +243 -127
  82. data/vendor/twitter/bootstrap/sass/_navs.scss +36 -15
  83. data/vendor/twitter/bootstrap/sass/_pager.scss +12 -8
  84. data/vendor/twitter/bootstrap/sass/_pagination.scss +23 -15
  85. data/vendor/twitter/bootstrap/sass/_popovers.scss +101 -33
  86. data/vendor/twitter/bootstrap/sass/_progress-bars.scss +18 -13
  87. data/vendor/twitter/bootstrap/sass/_reset.scss +8 -3
  88. data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +9 -7
  89. data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +95 -70
  90. data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +8 -6
  91. data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +29 -5
  92. data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +32 -15
  93. data/vendor/twitter/bootstrap/sass/_scaffolding.scss +29 -4
  94. data/vendor/twitter/bootstrap/sass/_sprites.scss +21 -19
  95. data/vendor/twitter/bootstrap/sass/_tables.scss +79 -11
  96. data/vendor/twitter/bootstrap/sass/_thumbnails.scss +9 -4
  97. data/vendor/twitter/bootstrap/sass/_tooltip.scss +47 -12
  98. data/vendor/twitter/bootstrap/sass/_type.scss +74 -85
  99. data/vendor/twitter/bootstrap/sass/_utilities.scss +24 -2
  100. data/vendor/twitter/bootstrap/sass/_variables.scss +102 -28
  101. data/vendor/twitter/bootstrap/sass/_wells.scss +7 -5
  102. data/vendor/twitter/bootstrap/sass/bootstrap.scss +1 -1
  103. data/vendor/twitter/bootstrap/sass/responsive.scss +5 -5
  104. metadata +15 -10
@@ -1,6 +1,6 @@
1
- // NAVIGATIONS
2
- // -----------
3
-
1
+ //
2
+ // Navs
3
+ // --------------------------------------------------
4
4
 
5
5
 
6
6
  // BASE CLASS
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  // Nav headers (for dropdowns and lists)
30
- .nav .nav-header {
30
+ .nav-header {
31
31
  display: block;
32
32
  padding: 3px 15px;
33
33
  font-size: 11px;
@@ -43,6 +43,7 @@
43
43
  }
44
44
 
45
45
 
46
+
46
47
  // NAV LIST
47
48
  // --------
48
49
 
@@ -170,10 +171,10 @@
170
171
  @include border-radius(0);
171
172
  }
172
173
  .nav-tabs.nav-stacked > li:first-child > a {
173
- @include border-radius(4px 4px 0 0);
174
+ @include border-top-radius(4px);
174
175
  }
175
176
  .nav-tabs.nav-stacked > li:last-child > a {
176
- @include border-radius(0 0 4px 4px);
177
+ @include border-bottom-radius(4px);
177
178
  }
178
179
  .nav-tabs.nav-stacked > li > a:hover {
179
180
  border-color: #ddd;
@@ -194,39 +195,43 @@
194
195
  // ---------
195
196
 
196
197
  .nav-tabs .dropdown-menu {
197
- @include border-radius(0 0 5px 5px); // remove the top rounded corners here since there is a hard edge above the menu
198
+ @include border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu
198
199
  }
199
200
  .nav-pills .dropdown-menu {
200
- @include border-radius(4px); // make rounded corners match the pills
201
+ @include border-radius(6px); // make rounded corners match the pills
201
202
  }
202
203
 
203
204
  // Default dropdown links
204
205
  // -------------------------
205
206
  // Make carets use linkColor to start
206
- .nav-tabs .dropdown-toggle .caret,
207
- .nav-pills .dropdown-toggle .caret {
207
+ .nav .dropdown-toggle .caret {
208
208
  border-top-color: $linkColor;
209
209
  border-bottom-color: $linkColor;
210
210
  margin-top: 6px;
211
211
  }
212
- .nav-tabs .dropdown-toggle:hover .caret,
213
- .nav-pills .dropdown-toggle:hover .caret {
212
+ .nav .dropdown-toggle:hover .caret {
214
213
  border-top-color: $linkColorHover;
215
214
  border-bottom-color: $linkColorHover;
216
215
  }
216
+ /* move down carets for tabs */
217
+ .nav-tabs .dropdown-toggle .caret {
218
+ margin-top: 8px;
219
+ }
217
220
 
218
221
  // Active dropdown links
219
222
  // -------------------------
220
- .nav-tabs .active .dropdown-toggle .caret,
221
- .nav-pills .active .dropdown-toggle .caret {
223
+ .nav .active .dropdown-toggle .caret {
222
224
  border-top-color: $grayDark;
223
225
  border-bottom-color: $grayDark;
224
226
  }
227
+ .nav-tabs .active .dropdown-toggle .caret {
228
+ border-top-color: $gray;
229
+ border-bottom-color: $gray;
230
+ }
225
231
 
226
232
  // Active:hover dropdown links
227
233
  // -------------------------
228
234
  .nav > .dropdown.active > a:hover {
229
- color: $black;
230
235
  cursor: pointer;
231
236
  }
232
237
 
@@ -361,3 +366,19 @@
361
366
  border-color: #ddd #ddd #ddd transparent;
362
367
  *border-left-color: $white;
363
368
  }
369
+
370
+
371
+
372
+ // DISABLED STATES
373
+ // ---------------
374
+
375
+ // Gray out text
376
+ .nav > .disabled > a {
377
+ color: $grayLight;
378
+ }
379
+ // Nuke hover effects
380
+ .nav > .disabled > a:hover {
381
+ text-decoration: none;
382
+ background-color: transparent;
383
+ cursor: default;
384
+ }
@@ -1,9 +1,10 @@
1
- // PAGER
2
- // -----
1
+ //
2
+ // Pager pagination
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .pager {
5
- margin-left: 0;
6
- margin-bottom: $baseLineHeight;
7
+ margin: $baseLineHeight 0;
7
8
  list-style: none;
8
9
  text-align: center;
9
10
  @include clearfix();
@@ -11,7 +12,8 @@
11
12
  .pager li {
12
13
  display: inline;
13
14
  }
14
- .pager a {
15
+ .pager a,
16
+ .pager span {
15
17
  display: inline-block;
16
18
  padding: 5px 14px;
17
19
  background-color: #fff;
@@ -22,15 +24,17 @@
22
24
  text-decoration: none;
23
25
  background-color: #f5f5f5;
24
26
  }
25
- .pager .next a {
27
+ .pager .next a,
28
+ .pager .next span {
26
29
  float: right;
27
30
  }
28
31
  .pager .previous a {
29
32
  float: left;
30
33
  }
31
34
  .pager .disabled a,
32
- .pager .disabled a:hover {
35
+ .pager .disabled a:hover,
36
+ .pager .disabled span {
33
37
  color: $grayLight;
34
38
  background-color: #fff;
35
39
  cursor: default;
36
- }
40
+ }
@@ -1,5 +1,7 @@
1
- // PAGINATION
2
- // ----------
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .pagination {
5
7
  height: $baseLineHeight * 2;
@@ -13,37 +15,43 @@
13
15
  @include border-radius(3px);
14
16
  @include box-shadow(0 1px 2px rgba(0,0,0,.05));
15
17
  }
16
- .pagination li {
17
- display: inline;
18
- }
19
- .pagination a {
18
+ .pagination ul > li {
19
+ display: inline;
20
+ }
21
+ .pagination ul > li > a,
22
+ .pagination ul > li > span {
20
23
  float: left;
21
24
  padding: 0 14px;
22
25
  line-height: ($baseLineHeight * 2) - 2;
23
26
  text-decoration: none;
24
- border: 1px solid #ddd;
27
+ background-color: $paginationBackground;
28
+ border: 1px solid $paginationBorder;
25
29
  border-left-width: 0;
26
30
  }
27
- .pagination a:hover,
28
- .pagination .active a {
31
+ .pagination ul > li > a:hover,
32
+ .pagination ul > .active > a,
33
+ .pagination ul > .active > span {
29
34
  background-color: #f5f5f5;
30
35
  }
31
- .pagination .active a {
36
+ .pagination ul > .active > a,
37
+ .pagination ul > .active > span {
32
38
  color: $grayLight;
33
39
  cursor: default;
34
40
  }
35
- .pagination .disabled span,
36
- .pagination .disabled a,
37
- .pagination .disabled a:hover {
41
+ .pagination ul > .disabled > span,
42
+ .pagination ul > .disabled > a,
43
+ .pagination ul > .disabled > a:hover {
38
44
  color: $grayLight;
39
45
  background-color: transparent;
40
46
  cursor: default;
41
47
  }
42
- .pagination li:first-child a {
48
+ .pagination ul > li:first-child > a,
49
+ .pagination ul > li:first-child > span {
43
50
  border-left-width: 1px;
44
51
  @include border-radius(3px 0 0 3px);
45
52
  }
46
- .pagination li:last-child a {
53
+ .pagination ul > li:last-child > a,
54
+ .pagination ul > li:last-child > span {
47
55
  @include border-radius(0 3px 3px 0);
48
56
  }
49
57
 
@@ -1,5 +1,7 @@
1
- // POPOVERS
2
- // --------
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .popover {
5
7
  position: absolute;
@@ -7,43 +9,109 @@
7
9
  left: 0;
8
10
  z-index: $zindexPopover;
9
11
  display: none;
10
- padding: 5px;
11
- &.top { margin-top: -5px; }
12
- &.right { margin-left: 5px; }
13
- &.bottom { margin-top: 5px; }
14
- &.left { margin-left: -5px; }
15
- &.top .arrow { @include popoverArrow-top(); }
16
- &.right .arrow { @include popoverArrow-right(); }
17
- &.bottom .arrow { @include popoverArrow-bottom(); }
18
- &.left .arrow { @include popoverArrow-left(); }
19
- .arrow {
20
- position: absolute;
21
- width: 0;
22
- height: 0;
23
- }
24
- }
25
- .popover-inner {
26
- padding: 3px;
27
- width: 280px;
28
- overflow: hidden;
29
- background: $black; // has to be full background declaration for IE fallback
30
- background: rgba(0,0,0,.8);
12
+ width: 236px;
13
+ padding: 1px;
14
+ background-color: $popoverBackground;
15
+ -webkit-background-clip: padding-box;
16
+ -moz-background-clip: padding;
17
+ background-clip: padding-box;
18
+ border: 1px solid #ccc;
19
+ border: 1px solid rgba(0,0,0,.2);
31
20
  @include border-radius(6px);
32
- @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
21
+ @include box-shadow(0 5px 10px rgba(0,0,0,.2));
22
+
23
+ // Offset the popover to account for the popover arrow
24
+ &.top { margin-bottom: 10px; }
25
+ &.right { margin-left: 10px; }
26
+ &.bottom { margin-top: 10px; }
27
+ &.left { margin-right: 10px; }
28
+
33
29
  }
30
+
34
31
  .popover-title {
35
- padding: 9px 15px;
36
- line-height: 1;
37
- background-color: #f5f5f5;
38
- border-bottom:1px solid #eee;
39
- @include border-radius(3px 3px 0 0);
32
+ margin: 0; // reset heading margin
33
+ padding: 8px 14px;
34
+ font-size: 14px;
35
+ font-weight: normal;
36
+ line-height: 18px;
37
+ background-color: $popoverTitleBackground;
38
+ border-bottom: 1px solid darken($popoverTitleBackground, 5%);
39
+ @include border-radius(5px 5px 0 0);
40
40
  }
41
+
41
42
  .popover-content {
42
- padding: 14px;
43
- background-color: $white;
44
- @include border-radius(0 0 3px 3px);
45
- @include background-clip(padding-box);
43
+ padding: 9px 14px;
46
44
  p, ul, ol {
47
45
  margin-bottom: 0;
48
46
  }
49
47
  }
48
+
49
+ // Arrows
50
+ .popover .arrow,
51
+ .popover .arrow:after {
52
+ position: absolute;
53
+ display: inline-block;
54
+ width: 0;
55
+ height: 0;
56
+ border-color: transparent;
57
+ border-style: solid;
58
+ }
59
+ .popover .arrow:after {
60
+ content: "";
61
+ z-index: -1;
62
+ }
63
+
64
+ .popover {
65
+ &.top .arrow {
66
+ bottom: -$popoverArrowWidth;
67
+ left: 50%;
68
+ margin-left: -$popoverArrowWidth;
69
+ border-width: $popoverArrowWidth $popoverArrowWidth 0;
70
+ border-top-color: $popoverArrowColor;
71
+ &:after {
72
+ border-width: $popoverArrowOuterWidth $popoverArrowOuterWidth 0;
73
+ border-top-color: $popoverArrowOuterColor;
74
+ bottom: -1px;
75
+ left: -$popoverArrowOuterWidth;
76
+ }
77
+ }
78
+ &.right .arrow {
79
+ top: 50%;
80
+ left: -$popoverArrowWidth;
81
+ margin-top: -$popoverArrowWidth;
82
+ border-width: $popoverArrowWidth $popoverArrowWidth $popoverArrowWidth 0;
83
+ border-right-color: $popoverArrowColor;
84
+ &:after {
85
+ border-width: $popoverArrowOuterWidth $popoverArrowOuterWidth $popoverArrowOuterWidth 0;
86
+ border-right-color: $popoverArrowOuterColor;
87
+ bottom: -$popoverArrowOuterWidth;
88
+ left: -1px;
89
+ }
90
+ }
91
+ &.bottom .arrow {
92
+ top: -$popoverArrowWidth;
93
+ left: 50%;
94
+ margin-left: -$popoverArrowWidth;
95
+ border-width: 0 $popoverArrowWidth $popoverArrowWidth;
96
+ border-bottom-color: $popoverArrowColor;
97
+ &:after {
98
+ border-width: 0 $popoverArrowOuterWidth $popoverArrowOuterWidth;
99
+ border-bottom-color: $popoverArrowOuterColor;
100
+ top: -1px;
101
+ left: -$popoverArrowOuterWidth;
102
+ }
103
+ }
104
+ &.left .arrow {
105
+ top: 50%;
106
+ right: -$popoverArrowWidth;
107
+ margin-top: -$popoverArrowWidth;
108
+ border-width: $popoverArrowWidth 0 $popoverArrowWidth $popoverArrowWidth;
109
+ border-left-color: $popoverArrowColor;
110
+ &:after {
111
+ border-width: $popoverArrowOuterWidth 0 $popoverArrowOuterWidth $popoverArrowOuterWidth;
112
+ border-left-color: $popoverArrowOuterColor;
113
+ bottom: -$popoverArrowOuterWidth;
114
+ right: -1px;
115
+ }
116
+ }
117
+ }
@@ -1,5 +1,6 @@
1
- // PROGRESS BARS
2
- // -------------
1
+ //
2
+ // Progress bars
3
+ // --------------------------------------------------
3
4
 
4
5
 
5
6
  // ANIMATIONS
@@ -43,8 +44,8 @@
43
44
  // Outer container
44
45
  .progress {
45
46
  overflow: hidden;
46
- height: 18px;
47
- margin-bottom: 18px;
47
+ height: $baseLineHeight;
48
+ margin-bottom: $baseLineHeight;
48
49
  @include gradient-vertical(#f5f5f5, #f9f9f9);
49
50
  @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
50
51
  @include border-radius(4px);
@@ -53,8 +54,9 @@
53
54
  // Bar of progress
54
55
  .progress .bar {
55
56
  width: 0%;
56
- height: 18px;
57
+ height: 100%;
57
58
  color: $white;
59
+ float: left;
58
60
  font-size: 12px;
59
61
  text-align: center;
60
62
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
@@ -63,6 +65,9 @@
63
65
  @include box-sizing(border-box);
64
66
  @include transition(width .6s ease);
65
67
  }
68
+ .progress .bar + .bar {
69
+ @include box-shadow(#{inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)});
70
+ }
66
71
 
67
72
  // Striped bars
68
73
  .progress-striped .bar {
@@ -85,33 +90,33 @@
85
90
  // ------
86
91
 
87
92
  // Danger (red)
88
- .progress-danger .bar {
93
+ .progress-danger .bar, .progress .bar-danger {
89
94
  @include gradient-vertical(#ee5f5b, #c43c35);
90
95
  }
91
- .progress-danger.progress-striped .bar {
96
+ .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
92
97
  @include gradient-striped(#ee5f5b);
93
98
  }
94
99
 
95
100
  // Success (green)
96
- .progress-success .bar {
101
+ .progress-success .bar, .progress .bar-success {
97
102
  @include gradient-vertical(#62c462, #57a957);
98
103
  }
99
- .progress-success.progress-striped .bar {
104
+ .progress-success.progress-striped .bar, .progress-striped .bar-success {
100
105
  @include gradient-striped(#62c462);
101
106
  }
102
107
 
103
108
  // Info (teal)
104
- .progress-info .bar {
109
+ .progress-info .bar, .progress .bar-info {
105
110
  @include gradient-vertical(#5bc0de, #339bb9);
106
111
  }
107
- .progress-info.progress-striped .bar {
112
+ .progress-info.progress-striped .bar, .progress-striped .bar-info {
108
113
  @include gradient-striped(#5bc0de);
109
114
  }
110
115
 
111
116
  // Warning (orange)
112
- .progress-warning .bar {
117
+ .progress-warning .bar, .progress .bar-warning {
113
118
  @include gradient-vertical(lighten($orange, 15%), $orange);
114
119
  }
115
- .progress-warning.progress-striped .bar {
120
+ .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
116
121
  @include gradient-striped(lighten($orange, 15%));
117
122
  }