bootstrap-sass-rails 3.0.0.3 → 3.0.3.0

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 (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