bootstrap-sass-rails 3.0.0.3 → 3.0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. data/README.md +20 -0
  2. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  3. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +200 -199
  4. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  5. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  6. data/app/assets/javascripts/twitter/bootstrap/affix.js +4 -4
  7. data/app/assets/javascripts/twitter/bootstrap/alert.js +3 -3
  8. data/app/assets/javascripts/twitter/bootstrap/button.js +13 -7
  9. data/app/assets/javascripts/twitter/bootstrap/carousel.js +8 -8
  10. data/app/assets/javascripts/twitter/bootstrap/collapse.js +4 -4
  11. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +8 -8
  12. data/app/assets/javascripts/twitter/bootstrap/modal.js +4 -4
  13. data/app/assets/javascripts/twitter/bootstrap/popover.js +4 -4
  14. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +5 -5
  15. data/app/assets/javascripts/twitter/bootstrap/tab.js +5 -5
  16. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +4 -4
  17. data/app/assets/javascripts/twitter/bootstrap/transition.js +3 -3
  18. data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -1
  19. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +6 -6
  20. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +2 -2
  21. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +12 -33
  22. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +4 -9
  23. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +33 -10
  24. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -0
  25. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +5 -8
  26. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +3 -9
  27. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +33 -10
  28. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +15 -10
  29. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +36 -304
  30. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +10 -1
  31. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +10 -4
  32. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +6 -0
  33. data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +14 -15
  34. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +176 -65
  35. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +5 -21
  36. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +49 -58
  37. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +43 -30
  38. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +16 -6
  39. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +2 -0
  40. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +41 -7
  41. data/app/assets/stylesheets/twitter/bootstrap/_print.scss +6 -1
  42. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +4 -19
  43. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +37 -48
  44. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -12
  45. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +45 -50
  46. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +26 -11
  47. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +22 -15
  48. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +8 -8
  49. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +105 -62
  50. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +15 -1
  51. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +69 -47
  52. data/app/assets/stylesheets/twitter/bootstrap.css.scss +0 -10
  53. data/lib/bootstrap/sass/rails/engine.rb +9 -1
  54. data/lib/bootstrap/sass/rails/version.rb +1 -1
  55. data/lib/generators/bootstrap/customize_generator.rb +37 -0
  56. data/lib/generators/bootstrap/templates/USAGE +23 -0
  57. data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
  58. data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
  59. data/test/cases/less_to_sass_spec.rb +1 -1
  60. data/test/cases/usage_css_spec.rb +0 -3
  61. metadata +27 -5
  62. checksums.yaml +0 -15
@@ -10,7 +10,6 @@
10
10
 
11
11
  .navbar {
12
12
  position: relative;
13
- z-index: $zindex-navbar;
14
13
  min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
15
14
  margin-bottom: $navbar-margin-bottom;
16
15
  border: 1px solid transparent;
@@ -78,15 +77,13 @@
78
77
  overflow-y: visible;
79
78
  }
80
79
 
81
- // Account for first and last children spacing
82
- .navbar-nav.navbar-left:first-child {
83
- margin-left: -$navbar-padding-horizontal;
84
- }
85
- .navbar-nav.navbar-right:last-child {
86
- margin-right: -$navbar-padding-horizontal;
87
- }
88
- .navbar-text:last-child {
89
- margin-right: 0;
80
+ // Undo the collapse side padding for navbars with containers to ensure
81
+ // alignment of right-aligned contents.
82
+ .navbar-fixed-top &,
83
+ .navbar-static-top &,
84
+ .navbar-fixed-bottom & {
85
+ padding-left: 0;
86
+ padding-right: 0;
90
87
  }
91
88
  }
92
89
  }
@@ -111,12 +108,14 @@
111
108
  //
112
109
  // Navbar alignment options
113
110
  //
114
- // Display the navbar across the entirity of the page or fixed it to the top or
111
+ // Display the navbar across the entirety of the page or fixed it to the top or
115
112
  // bottom of the page.
116
113
 
117
114
  // Static top (unfixed, but 100% wide) navbar
118
115
  .navbar-static-top {
116
+ z-index: $zindex-navbar;
119
117
  border-width: 0 0 1px;
118
+
120
119
  @media (min-width: $grid-float-breakpoint) {
121
120
  border-radius: 0;
122
121
  }
@@ -128,7 +127,7 @@
128
127
  position: fixed;
129
128
  right: 0;
130
129
  left: 0;
131
- border-width: 0 0 1px;
130
+ z-index: $zindex-navbar-fixed;
132
131
 
133
132
  // Undo the rounded corners
134
133
  @media (min-width: $grid-float-breakpoint) {
@@ -136,12 +135,13 @@
136
135
  }
137
136
  }
138
137
  .navbar-fixed-top {
139
- z-index: $zindex-navbar-fixed;
140
138
  top: 0;
139
+ border-width: 0 0 1px;
141
140
  }
142
141
  .navbar-fixed-bottom {
143
142
  bottom: 0;
144
143
  margin-bottom: 0; // override .navbar defaults
144
+ border-width: 1px 0 0;
145
145
  }
146
146
 
147
147
 
@@ -152,6 +152,7 @@
152
152
  padding: $navbar-padding-vertical $navbar-padding-horizontal;
153
153
  font-size: $font-size-large;
154
154
  line-height: $line-height-computed;
155
+
155
156
  &:hover,
156
157
  &:focus {
157
158
  text-decoration: none;
@@ -177,6 +178,7 @@
177
178
  padding: 9px 10px;
178
179
  @include navbar-vertical-align(34px);
179
180
  background-color: transparent;
181
+ background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
180
182
  border: 1px solid transparent;
181
183
  border-radius: $border-radius-base;
182
184
 
@@ -211,7 +213,7 @@
211
213
  line-height: $line-height-computed;
212
214
  }
213
215
 
214
- @media (max-width: $screen-xs-max) {
216
+ @media (max-width: $grid-float-breakpoint-max) {
215
217
  // Dropdowns get custom display when collapsed
216
218
  .open .dropdown-menu {
217
219
  position: static;
@@ -243,18 +245,21 @@
243
245
  > li {
244
246
  float: left;
245
247
  > a {
246
- padding-top: (($navbar-height - $line-height-computed) / 2);
247
- padding-bottom: (($navbar-height - $line-height-computed) / 2);
248
+ padding-top: $navbar-padding-vertical;
249
+ padding-bottom: $navbar-padding-vertical;
248
250
  }
249
251
  }
250
- }
251
252
 
253
+ &.navbar-right:last-child {
254
+ margin-right: -$navbar-padding-horizontal;
255
+ }
256
+ }
252
257
  }
253
258
 
254
259
 
255
260
  // Component alignment
256
261
  //
257
- // Repurpose the pull utilities as their own navbar utilities to avoid specifity
262
+ // Repurpose the pull utilities as their own navbar utilities to avoid specificity
258
263
  // issues with parents and chaining. Only do this when the navbar is uncollapsed
259
264
  // though so that navbar contents properly stack and align in mobile.
260
265
 
@@ -286,7 +291,7 @@
286
291
  @extend .form-inline;
287
292
 
288
293
  .form-group {
289
- @media (max-width: $screen-xs-max) {
294
+ @media (max-width: $grid-float-breakpoint-max) {
290
295
  margin-bottom: 5px;
291
296
  }
292
297
  }
@@ -303,6 +308,11 @@
303
308
  padding-top: 0;
304
309
  padding-bottom: 0;
305
310
  @include box-shadow(none);
311
+
312
+ // Outdent the form if last child to line up with content down the page
313
+ &.navbar-right:last-child {
314
+ margin-right: -$navbar-padding-horizontal;
315
+ }
306
316
  }
307
317
  }
308
318
 
@@ -333,6 +343,13 @@
333
343
 
334
344
  .navbar-btn {
335
345
  @include navbar-vertical-align($input-height-base);
346
+
347
+ &.btn-sm {
348
+ @include navbar-vertical-align($input-height-small);
349
+ }
350
+ &.btn-xs {
351
+ @include navbar-vertical-align(22);
352
+ }
336
353
  }
337
354
 
338
355
 
@@ -341,12 +358,17 @@
341
358
  // Add a class to make any element properly align itself vertically within the navbars.
342
359
 
343
360
  .navbar-text {
344
- float: left;
345
361
  @include navbar-vertical-align($line-height-computed);
346
362
 
347
363
  @media (min-width: $grid-float-breakpoint) {
364
+ float: left;
348
365
  margin-left: $navbar-padding-horizontal;
349
366
  margin-right: $navbar-padding-horizontal;
367
+
368
+ // Outdent the form if last child to line up with content down the page
369
+ &.navbar-right:last-child {
370
+ margin-right: 0;
371
+ }
350
372
  }
351
373
  }
352
374
 
@@ -412,18 +434,11 @@
412
434
 
413
435
  .navbar-collapse,
414
436
  .navbar-form {
415
- border-color: darken($navbar-default-bg, 7%);
437
+ border-color: $navbar-default-border;
416
438
  }
417
439
 
418
- // Dropdown menu items and carets
440
+ // Dropdown menu items
419
441
  .navbar-nav {
420
- // Caret should match text color on hover
421
- > .dropdown > a:hover .caret,
422
- > .dropdown > a:focus .caret {
423
- border-top-color: $navbar-default-link-hover-color;
424
- border-bottom-color: $navbar-default-link-hover-color;
425
- }
426
-
427
442
  // Remove background color from open dropdown
428
443
  > .open > a {
429
444
  &,
@@ -431,19 +446,10 @@
431
446
  &:focus {
432
447
  background-color: $navbar-default-link-active-bg;
433
448
  color: $navbar-default-link-active-color;
434
- .caret {
435
- border-top-color: $navbar-default-link-active-color;
436
- border-bottom-color: $navbar-default-link-active-color;
437
- }
438
449
  }
439
450
  }
440
- > .dropdown > a .caret {
441
- border-top-color: $navbar-default-link-color;
442
- border-bottom-color: $navbar-default-link-color;
443
- }
444
-
445
451
 
446
- @media (max-width: $screen-xs-max) {
452
+ @media (max-width: $grid-float-breakpoint-max) {
447
453
  // Dropdowns get custom display when collapsed
448
454
  .open .dropdown-menu {
449
455
  > li > a {
@@ -562,31 +568,16 @@
562
568
  color: $navbar-inverse-link-active-color;
563
569
  }
564
570
  }
565
- > .dropdown > a:hover .caret {
566
- border-top-color: $navbar-inverse-link-hover-color;
567
- border-bottom-color: $navbar-inverse-link-hover-color;
568
- }
569
- > .dropdown > a .caret {
570
- border-top-color: $navbar-inverse-link-color;
571
- border-bottom-color: $navbar-inverse-link-color;
572
- }
573
- > .open > a {
574
- &,
575
- &:hover,
576
- &:focus {
577
- .caret {
578
- border-top-color: $navbar-inverse-link-active-color;
579
- border-bottom-color: $navbar-inverse-link-active-color;
580
- }
581
- }
582
- }
583
571
 
584
- @media (max-width: $screen-xs-max) {
572
+ @media (max-width: $grid-float-breakpoint-max) {
585
573
  // Dropdowns get custom display
586
574
  .open .dropdown-menu {
587
575
  > .dropdown-header {
588
576
  border-color: $navbar-inverse-border;
589
577
  }
578
+ .divider {
579
+ background-color: $navbar-inverse-border;
580
+ }
590
581
  > li > a {
591
582
  color: $navbar-inverse-link-color;
592
583
  &:hover,
@@ -51,12 +51,17 @@
51
51
  }
52
52
  }
53
53
 
54
- // Dividers (basically an hr) within the dropdown
54
+ // Nav dividers (deprecated with v3.0.1)
55
+ //
56
+ // This should have been removed in v3 with the dropping of `.nav-list`, but
57
+ // we missed it. We don't currently support this anywhere, but in the interest
58
+ // of maintaining backward compatibility in case you use it, it's deprecated.
55
59
  .nav-divider {
56
60
  @include nav-divider();
57
61
  }
58
62
 
59
63
  // Prevent IE8 from misplacing imgs
64
+ //
60
65
  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
61
66
  > li > a > img {
62
67
  max-width: none;
@@ -115,7 +120,7 @@
115
120
 
116
121
  // Links rendered as pills
117
122
  > a {
118
- border-radius: 5px;
123
+ border-radius: $nav-pills-border-radius;
119
124
  }
120
125
  + li {
121
126
  margin-left: 2px;
@@ -159,28 +164,54 @@
159
164
  float: none;
160
165
  > a {
161
166
  text-align: center;
167
+ margin-bottom: 5px;
162
168
  }
163
169
  }
164
170
 
165
- @media (min-width: $screen-sm) {
171
+ > .dropdown .dropdown-menu {
172
+ top: auto;
173
+ left: auto;
174
+ }
175
+
176
+ @media (min-width: $screen-sm-min) {
166
177
  > li {
167
178
  display: table-cell;
168
179
  width: 1%;
180
+ > a {
181
+ margin-bottom: 0;
182
+ }
169
183
  }
170
184
  }
171
185
  }
172
186
 
173
187
  // Move borders to anchors instead of bottom of list
188
+ //
189
+ // Mixin for adding on top the shared `.nav-justified` styles for our tabs
174
190
  .nav-tabs-justified {
175
191
  border-bottom: 0;
176
- > li > a {
177
- border-bottom: 1px solid $nav-tabs-justified-link-border-color;
178
192
 
193
+ > li > a {
179
194
  // Override margin from .nav-tabs
180
195
  margin-right: 0;
196
+ border-radius: $border-radius-base;
181
197
  }
182
- > .active > a {
183
- border-bottom-color: $nav-tabs-justified-active-link-border-color;
198
+
199
+ > .active > a,
200
+ > .active > a:hover,
201
+ > .active > a:focus {
202
+ border: 1px solid $nav-tabs-justified-link-border-color;
203
+ }
204
+
205
+ @media (min-width: $screen-sm-min) {
206
+ > li > a {
207
+ border-bottom: 1px solid $nav-tabs-justified-link-border-color;
208
+ border-radius: $border-radius-base $border-radius-base 0 0;
209
+ }
210
+ > .active > a,
211
+ > .active > a:hover,
212
+ > .active > a:focus {
213
+ border-bottom-color: $nav-tabs-justified-active-link-border-color;
214
+ }
184
215
  }
185
216
  }
186
217
 
@@ -188,38 +219,20 @@
188
219
  // Tabbable tabs
189
220
  // -------------------------
190
221
 
191
- // Clear any floats
192
- .tabbable {
193
- @include clearfix();
194
- }
195
-
196
- // Show/hide tabbable areas
197
- .tab-content > .tab-pane,
198
- .pill-content > .pill-pane {
199
- display: none;
200
- }
201
- .tab-content,
202
- .pill-content {
222
+ // Hide tabbable panes to start, show them when `.active`
223
+ .tab-content {
224
+ > .tab-pane {
225
+ display: none;
226
+ }
203
227
  > .active {
204
228
  display: block;
205
229
  }
206
230
  }
207
231
 
208
232
 
209
-
210
233
  // Dropdowns
211
234
  // -------------------------
212
235
 
213
- // Make dropdown carets use link color in navs
214
- .nav .caret {
215
- border-top-color: $link-color;
216
- border-bottom-color: $link-color;
217
- }
218
- .nav a:hover .caret {
219
- border-top-color: $link-hover-color;
220
- border-bottom-color: $link-hover-color;
221
- }
222
-
223
236
  // Specific dropdowns
224
237
  .nav-tabs .dropdown-menu {
225
238
  // make dropdown border overlap tab border
@@ -1,4 +1,4 @@
1
- /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
1
+ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
2
2
 
3
3
  // ==========================================================================
4
4
  // HTML5 display definitions
@@ -44,10 +44,12 @@ audio:not([controls]) {
44
44
  }
45
45
 
46
46
  //
47
- // Address styling not present in IE 8/9.
47
+ // Address `[hidden]` styling not present in IE 8/9.
48
+ // Hide the `template` element in IE, Safari, and Firefox < 22.
48
49
  //
49
50
 
50
- [hidden] {
51
+ [hidden],
52
+ template {
51
53
  display: none;
52
54
  }
53
55
 
@@ -63,8 +65,8 @@ audio:not([controls]) {
63
65
 
64
66
  html {
65
67
  font-family: sans-serif; // 1
66
- -webkit-text-size-adjust: 100%; // 2
67
68
  -ms-text-size-adjust: 100%; // 2
69
+ -webkit-text-size-adjust: 100%; // 2
68
70
  }
69
71
 
70
72
  //
@@ -79,6 +81,14 @@ body {
79
81
  // Links
80
82
  // ==========================================================================
81
83
 
84
+ //
85
+ // Remove the gray background color from active links in IE 10.
86
+ //
87
+
88
+ a {
89
+ background: transparent;
90
+ }
91
+
82
92
  //
83
93
  // Address `outline` inconsistency between Chrome and other browsers.
84
94
  //
@@ -329,8 +339,8 @@ html input[disabled] {
329
339
  }
330
340
 
331
341
  //
332
- // 1. Address box sizing set to `content-box` in IE 8/9.
333
- // 2. Remove excess padding in IE 8/9.
342
+ // 1. Address box sizing set to `content-box` in IE 8/9/10.
343
+ // 2. Remove excess padding in IE 8/9/10.
334
344
  //
335
345
 
336
346
  input[type="checkbox"],
@@ -58,6 +58,8 @@
58
58
 
59
59
  > .disabled {
60
60
  > span,
61
+ > span:hover,
62
+ > span:focus,
61
63
  > a,
62
64
  > a:hover,
63
65
  > a:focus {
@@ -56,12 +56,45 @@
56
56
  // watch it go full width.
57
57
 
58
58
  .panel {
59
- > .table {
59
+ > .table,
60
+ > .table-responsive > .table {
60
61
  margin-bottom: 0;
61
62
  }
62
- > .panel-body + .table {
63
+ > .panel-body + .table,
64
+ > .panel-body + .table-responsive {
63
65
  border-top: 1px solid $table-border-color;
64
66
  }
67
+ > .table > tbody:first-child th,
68
+ > .table > tbody:first-child td {
69
+ border-top: 0;
70
+ }
71
+ > .table-bordered,
72
+ > .table-responsive > .table-bordered {
73
+ border: 0;
74
+ > thead,
75
+ > tbody,
76
+ > tfoot {
77
+ > tr {
78
+ > th:first-child,
79
+ > td:first-child {
80
+ border-left: 0;
81
+ }
82
+ > th:last-child,
83
+ > td:last-child {
84
+ border-right: 0;
85
+ }
86
+
87
+ &:last-child > th,
88
+ &:last-child > td {
89
+ border-bottom: 0;
90
+ }
91
+ }
92
+ }
93
+ }
94
+ > .table-responsive {
95
+ border: 0;
96
+ margin-bottom: 0;
97
+ }
65
98
  }
66
99
 
67
100
 
@@ -70,6 +103,10 @@
70
103
  padding: 10px 15px;
71
104
  border-bottom: 1px solid transparent;
72
105
  @include border-top-radius($panel-border-radius - 1);
106
+
107
+ > .dropdown .dropdown-toggle {
108
+ color: inherit;
109
+ }
73
110
  }
74
111
 
75
112
  // Within heading, strip any `h*` tag of it's default margins for spacing.
@@ -77,6 +114,8 @@
77
114
  margin-top: 0;
78
115
  margin-bottom: 0;
79
116
  font-size: ceil(($font-size-base * 1.125));
117
+ color: inherit;
118
+
80
119
  > a {
81
120
  color: inherit;
82
121
  }
@@ -119,11 +158,6 @@
119
158
  border-bottom: 1px solid $panel-inner-border;
120
159
  }
121
160
  }
122
-
123
- // New subcomponent for wrapping collapsable content for proper animations
124
- .panel-collapse {
125
-
126
- }
127
161
  }
128
162
 
129
163
 
@@ -26,7 +26,6 @@
26
26
  }
27
27
 
28
28
  // Don't show links for images, or javascript/internal links
29
- .ir a:after,
30
29
  a[href^="javascript:"]:after,
31
30
  a[href^="#"]:after {
32
31
  content: "";
@@ -67,6 +66,12 @@
67
66
  page-break-after: avoid;
68
67
  }
69
68
 
69
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
70
+ // Once fixed, we can just straight up remove this.
71
+ select {
72
+ background: #fff !important;
73
+ }
74
+
70
75
  // Bootstrap components
71
76
  .navbar {
72
77
  display: none;
@@ -6,24 +6,12 @@
6
6
  // Bar animations
7
7
  // -------------------------
8
8
 
9
- // Webkit
9
+ // WebKit
10
10
  @-webkit-keyframes progress-bar-stripes {
11
11
  from { background-position: 40px 0; }
12
12
  to { background-position: 0 0; }
13
13
  }
14
14
 
15
- // Firefox
16
- @-moz-keyframes progress-bar-stripes {
17
- from { background-position: 40px 0; }
18
- to { background-position: 0 0; }
19
- }
20
-
21
- // Opera
22
- @-o-keyframes progress-bar-stripes {
23
- from { background-position: 0 0; }
24
- to { background-position: 40px 0; }
25
- }
26
-
27
15
  // Spec and IE10+
28
16
  @keyframes progress-bar-stripes {
29
17
  from { background-position: 40px 0; }
@@ -51,6 +39,7 @@
51
39
  width: 0%;
52
40
  height: 100%;
53
41
  font-size: $font-size-small;
42
+ line-height: $line-height-computed;
54
43
  color: $progress-bar-color;
55
44
  text-align: center;
56
45
  background-color: $progress-bar-bg;
@@ -60,17 +49,13 @@
60
49
 
61
50
  // Striped bars
62
51
  .progress-striped .progress-bar {
63
- @include gradient-striped($progress-bar-bg);
52
+ @include gradient-striped();
64
53
  background-size: 40px 40px;
65
54
  }
66
55
 
67
56
  // Call animation for the active one
68
57
  .progress.active .progress-bar {
69
- -webkit-animation: progress-bar-stripes 2s linear infinite;
70
- -moz-animation: progress-bar-stripes 2s linear infinite;
71
- -ms-animation: progress-bar-stripes 2s linear infinite;
72
- -o-animation: progress-bar-stripes 2s linear infinite;
73
- animation: progress-bar-stripes 2s linear infinite;
58
+ @include animation(progress-bar-stripes 2s linear infinite);
74
59
  }
75
60
 
76
61