bootstrap-more 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. data/.gitignore +18 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +46 -0
  5. data/Rakefile +1 -0
  6. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  7. data/app/assets/fonts/glyphicons-halflings-regular.svg +229 -0
  8. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  9. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  10. data/app/assets/javascripts/bootstrap/affix.js +126 -0
  11. data/app/assets/javascripts/bootstrap/alert.js +98 -0
  12. data/app/assets/javascripts/bootstrap/button.js +109 -0
  13. data/app/assets/javascripts/bootstrap/carousel.js +217 -0
  14. data/app/assets/javascripts/bootstrap/collapse.js +179 -0
  15. data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
  16. data/app/assets/javascripts/bootstrap/modal.js +246 -0
  17. data/app/assets/javascripts/bootstrap/popover.js +117 -0
  18. data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
  19. data/app/assets/javascripts/bootstrap/tab.js +135 -0
  20. data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
  21. data/app/assets/javascripts/bootstrap/transition.js +56 -0
  22. data/app/assets/javascripts/bootstrap.js +12 -0
  23. data/app/assets/stylesheets/_bootstrap-more.scss +1 -0
  24. data/app/assets/stylesheets/bootstrap/_alerts.scss +67 -0
  25. data/app/assets/stylesheets/bootstrap/_badges.scss +51 -0
  26. data/app/assets/stylesheets/bootstrap/_breadcrumbs.scss +23 -0
  27. data/app/assets/stylesheets/bootstrap/_button-groups.scss +260 -0
  28. data/app/assets/stylesheets/bootstrap/_buttons.scss +165 -0
  29. data/app/assets/stylesheets/bootstrap/_carousel.scss +231 -0
  30. data/app/assets/stylesheets/bootstrap/_close.scss +35 -0
  31. data/app/assets/stylesheets/bootstrap/_code.scss +53 -0
  32. data/app/assets/stylesheets/bootstrap/_component-animations.scss +29 -0
  33. data/app/assets/stylesheets/bootstrap/_config.scss +19 -0
  34. data/app/assets/stylesheets/bootstrap/_dropdowns.scss +203 -0
  35. data/app/assets/stylesheets/bootstrap/_forms.scss +371 -0
  36. data/app/assets/stylesheets/bootstrap/_glyphicons.scss +237 -0
  37. data/app/assets/stylesheets/bootstrap/_grid.scss +93 -0
  38. data/app/assets/stylesheets/bootstrap/_input-groups.scss +146 -0
  39. data/app/assets/stylesheets/bootstrap/_jumbotron.scss +40 -0
  40. data/app/assets/stylesheets/bootstrap/_labels.scss +58 -0
  41. data/app/assets/stylesheets/bootstrap/_list-group.scss +95 -0
  42. data/app/assets/stylesheets/bootstrap/_media.scss +56 -0
  43. data/app/assets/stylesheets/bootstrap/_mixins.scss +882 -0
  44. data/app/assets/stylesheets/bootstrap/_modals.scss +132 -0
  45. data/app/assets/stylesheets/bootstrap/_navbar.scss +628 -0
  46. data/app/assets/stylesheets/bootstrap/_navs.scss +262 -0
  47. data/app/assets/stylesheets/bootstrap/_normalize.scss +406 -0
  48. data/app/assets/stylesheets/bootstrap/_pager.scss +55 -0
  49. data/app/assets/stylesheets/bootstrap/_pagination.scss +85 -0
  50. data/app/assets/stylesheets/bootstrap/_panels.scss +172 -0
  51. data/app/assets/stylesheets/bootstrap/_popovers.scss +133 -0
  52. data/app/assets/stylesheets/bootstrap/_print.scss +105 -0
  53. data/app/assets/stylesheets/bootstrap/_progress-bars.scss +92 -0
  54. data/app/assets/stylesheets/bootstrap/_responsive-utilities.scss +198 -0
  55. data/app/assets/stylesheets/bootstrap/_scaffolding.scss +119 -0
  56. data/app/assets/stylesheets/bootstrap/_tables.scss +244 -0
  57. data/app/assets/stylesheets/bootstrap/_theme.scss +247 -0
  58. data/app/assets/stylesheets/bootstrap/_thumbnails.scss +32 -0
  59. data/app/assets/stylesheets/bootstrap/_tooltip.scss +95 -0
  60. data/app/assets/stylesheets/bootstrap/_type.scss +279 -0
  61. data/app/assets/stylesheets/bootstrap/_utilities.scss +56 -0
  62. data/app/assets/stylesheets/bootstrap/_variables.scss +665 -0
  63. data/app/assets/stylesheets/bootstrap/_wells.scss +29 -0
  64. data/app/assets/stylesheets/bootstrap/bootstrap.scss +50 -0
  65. data/bootstrap-more.gemspec +23 -0
  66. data/docs/.gitignore +17 -0
  67. data/docs/.ruby-gemset +1 -0
  68. data/docs/.ruby-version +1 -0
  69. data/docs/Gemfile +9 -0
  70. data/docs/README.md +8 -0
  71. data/docs/Rakefile +1 -0
  72. data/docs/config.rb +98 -0
  73. data/docs/index.html.erb +9 -0
  74. data/docs/source/about.html.erb +92 -0
  75. data/docs/source/assets/javascripts/application.js +103 -0
  76. data/docs/source/assets/javascripts/bootstrap.js +12 -0
  77. data/docs/source/assets/javascripts/vendor/.gitkeep +0 -0
  78. data/docs/source/assets/javascripts/vendor/holder.js +404 -0
  79. data/docs/source/assets/javascripts/vendor/ie8-responsive-file-warning.js +12 -0
  80. data/docs/source/assets/stylesheets/_settings.scss +656 -0
  81. data/docs/source/assets/stylesheets/bootstrap.scss +2 -0
  82. data/docs/source/assets/stylesheets/pygments-manni.css +66 -0
  83. data/docs/source/assets/stylesheets/styles.scss +1198 -0
  84. data/docs/source/components.html.erb +3607 -0
  85. data/docs/source/css.html.erb +2585 -0
  86. data/docs/source/customize.html.erb +1715 -0
  87. data/docs/source/getting-started.html.erb +1010 -0
  88. data/docs/source/includes/_ads.erb +1 -0
  89. data/docs/source/includes/_footer.erb +23 -0
  90. data/docs/source/includes/_header.erb +39 -0
  91. data/docs/source/includes/_nav-about.erb +12 -0
  92. data/docs/source/includes/_nav-components.erb +137 -0
  93. data/docs/source/includes/_nav-css.erb +99 -0
  94. data/docs/source/includes/_nav-customize.erb +40 -0
  95. data/docs/source/includes/_nav-getting-started.erb +44 -0
  96. data/docs/source/includes/_nav-javascript.erb +88 -0
  97. data/docs/source/includes/_nav-main.erb +34 -0
  98. data/docs/source/includes/_old-bs-docs.erb +8 -0
  99. data/docs/source/includes/_social-buttons.erb +16 -0
  100. data/docs/source/index.html.erb +17 -0
  101. data/docs/source/javascript.html.erb +1946 -0
  102. data/docs/source/layouts/default.html.erb +75 -0
  103. data/docs/source/layouts/home.html.erb +20 -0
  104. data/docs/source/layouts/layout.html.erb +81 -0
  105. data/lib/bootstrap-more/version.rb +5 -0
  106. data/lib/bootstrap-more.rb +7 -0
  107. metadata +185 -0
@@ -0,0 +1,85 @@
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+ .pagination {
5
+ display: inline-block;
6
+ padding-left: 0;
7
+ margin: $line-height-computed 0;
8
+ border-radius: $border-radius-base;
9
+
10
+ > li {
11
+ display: inline; // Remove list-style and block-level defaults
12
+ > a,
13
+ > span {
14
+ position: relative;
15
+ float: left; // Collapse white-space
16
+ padding: $padding-base-vertical $padding-base-horizontal;
17
+ line-height: $line-height-base;
18
+ text-decoration: none;
19
+ background-color: $pagination-bg;
20
+ border: 1px solid $pagination-border;
21
+ margin-left: -1px;
22
+ }
23
+ &:first-child {
24
+ > a,
25
+ > span {
26
+ margin-left: 0;
27
+ @include border-left-radius($border-radius-base);
28
+ }
29
+ }
30
+ &:last-child {
31
+ > a,
32
+ > span {
33
+ @include border-right-radius($border-radius-base);
34
+ }
35
+ }
36
+ }
37
+
38
+ > li > a,
39
+ > li > span {
40
+ &:hover,
41
+ &:focus {
42
+ background-color: $pagination-hover-bg;
43
+ }
44
+ }
45
+
46
+ > .active > a,
47
+ > .active > span {
48
+ &,
49
+ &:hover,
50
+ &:focus {
51
+ z-index: 2;
52
+ color: $pagination-active-color;
53
+ background-color: $pagination-active-bg;
54
+ border-color: $pagination-active-bg;
55
+ cursor: default;
56
+ }
57
+ }
58
+
59
+ > .disabled {
60
+ > span,
61
+ > span:hover,
62
+ > span:focus,
63
+ > a,
64
+ > a:hover,
65
+ > a:focus {
66
+ color: $pagination-disabled-color;
67
+ background-color: $pagination-bg;
68
+ border-color: $pagination-border;
69
+ cursor: not-allowed;
70
+ }
71
+ }
72
+ }
73
+
74
+ // Sizing
75
+ // --------------------------------------------------
76
+
77
+ // Large
78
+ .pagination-lg {
79
+ @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large);
80
+ }
81
+
82
+ // Small
83
+ .pagination-sm {
84
+ @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small);
85
+ }
@@ -0,0 +1,172 @@
1
+ //
2
+ // Panels
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .panel {
8
+ margin-bottom: $line-height-computed;
9
+ background-color: $panel-bg;
10
+ border: 1px solid transparent;
11
+ border-radius: $panel-border-radius;
12
+ @include box-shadow(0 1px 1px rgba(0,0,0,.05));
13
+ }
14
+
15
+ // Panel contents
16
+ .panel-body {
17
+ padding: 15px;
18
+ @include clearfix();
19
+ }
20
+
21
+
22
+ // List groups in panels
23
+ //
24
+ // By default, space out list group content from panel headings to account for
25
+ // any kind of custom content between the two.
26
+
27
+ .panel {
28
+ > .list-group {
29
+ margin-bottom: 0;
30
+
31
+ .list-group-item {
32
+ border-width: 1px 0;
33
+
34
+ // Remove border radius for top one
35
+ &:first-child {
36
+ @include border-top-radius(0);
37
+ }
38
+ // But keep it for the last one
39
+ &:last-child {
40
+ border-bottom: 0;
41
+ }
42
+ }
43
+ }
44
+ }
45
+ // Collapse space between when there's no additional content.
46
+ .panel-heading + .list-group {
47
+ .list-group-item:first-child {
48
+ border-top-width: 0;
49
+ }
50
+ }
51
+
52
+
53
+ // Tables in panels
54
+ //
55
+ // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
56
+ // watch it go full width.
57
+
58
+ .panel {
59
+ > .table,
60
+ > .table-responsive {
61
+ margin-bottom: 0;
62
+ }
63
+ > .panel-body + .table,
64
+ > .panel-body + .table-responsive {
65
+ border-top: 1px solid $table-border-color;
66
+ }
67
+ > .table-bordered,
68
+ > .table-responsive > .table-bordered {
69
+ border: 0;
70
+ > thead,
71
+ > tbody,
72
+ > tfoot {
73
+ > tr {
74
+ > th:first-child,
75
+ > td:first-child {
76
+ border-left: 0;
77
+ }
78
+ > th:last-child,
79
+ > td:last-child {
80
+ border-right: 0;
81
+ }
82
+
83
+ &:last-child > th,
84
+ &:last-child > td {
85
+ border-bottom: 0;
86
+ }
87
+ }
88
+ }
89
+ }
90
+ }
91
+
92
+
93
+ // Optional heading
94
+ .panel-heading {
95
+ padding: 10px 15px;
96
+ border-bottom: 1px solid transparent;
97
+ @include border-top-radius($panel-border-radius - 1);
98
+
99
+ > .dropdown .dropdown-toggle {
100
+ color: inherit;
101
+ }
102
+ }
103
+
104
+ // Within heading, strip any `h*` tag of it's default margins for spacing.
105
+ .panel-title {
106
+ margin-top: 0;
107
+ margin-bottom: 0;
108
+ font-size: ceil(($font-size-base * 1.125));
109
+ > a {
110
+ color: inherit;
111
+ }
112
+ }
113
+
114
+ // Optional footer (stays gray in every modifier class)
115
+ .panel-footer {
116
+ padding: 10px 15px;
117
+ background-color: $panel-footer-bg;
118
+ border-top: 1px solid $panel-inner-border;
119
+ @include border-bottom-radius($panel-border-radius - 1);
120
+ }
121
+
122
+
123
+ // Collapsable panels (aka, accordion)
124
+ //
125
+ // Wrap a series of panels in `.panel-group` to turn them into an accordion with
126
+ // the help of our collapse JavaScript plugin.
127
+
128
+ .panel-group {
129
+ // Tighten up margin so it's only between panels
130
+ .panel {
131
+ margin-bottom: 0;
132
+ border-radius: $panel-border-radius;
133
+ overflow: hidden; // crop contents when collapsed
134
+ + .panel {
135
+ margin-top: 5px;
136
+ }
137
+ }
138
+
139
+ .panel-heading {
140
+ border-bottom: 0;
141
+ + .panel-collapse .panel-body {
142
+ border-top: 1px solid $panel-inner-border;
143
+ }
144
+ }
145
+ .panel-footer {
146
+ border-top: 0;
147
+ + .panel-collapse .panel-body {
148
+ border-bottom: 1px solid $panel-inner-border;
149
+ }
150
+ }
151
+ }
152
+
153
+
154
+ // Contextual variations
155
+ .panel-default {
156
+ @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);
157
+ }
158
+ .panel-primary {
159
+ @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);
160
+ }
161
+ .panel-success {
162
+ @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);
163
+ }
164
+ .panel-warning {
165
+ @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);
166
+ }
167
+ .panel-danger {
168
+ @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);
169
+ }
170
+ .panel-info {
171
+ @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);
172
+ }
@@ -0,0 +1,133 @@
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
5
+
6
+ .popover {
7
+ position: absolute;
8
+ top: 0;
9
+ left: 0;
10
+ z-index: $zindex-popover;
11
+ display: none;
12
+ max-width: $popover-max-width;
13
+ padding: 1px;
14
+ text-align: left; // Reset given new insertion method
15
+ background-color: $popover-bg;
16
+ background-clip: padding-box;
17
+ border: 1px solid $popover-fallback-border-color;
18
+ border: 1px solid $popover-border-color;
19
+ border-radius: $border-radius-large;
20
+ @include box-shadow(0 5px 10px rgba(0,0,0,.2));
21
+
22
+ // Overrides for proper insertion
23
+ white-space: normal;
24
+
25
+ // Offset the popover to account for the popover arrow
26
+ &.top { margin-top: -10px; }
27
+ &.right { margin-left: 10px; }
28
+ &.bottom { margin-top: 10px; }
29
+ &.left { margin-left: -10px; }
30
+ }
31
+
32
+ .popover-title {
33
+ margin: 0; // reset heading margin
34
+ padding: 8px 14px;
35
+ font-size: $font-size-base;
36
+ font-weight: normal;
37
+ line-height: 18px;
38
+ background-color: $popover-title-bg;
39
+ border-bottom: 1px solid darken($popover-title-bg, 5%);
40
+ border-radius: 5px 5px 0 0;
41
+ }
42
+
43
+ .popover-content {
44
+ padding: 9px 14px;
45
+ }
46
+
47
+ // Arrows
48
+ //
49
+ // .arrow is outer, .arrow:after is inner
50
+
51
+ .popover .arrow {
52
+ &,
53
+ &:after {
54
+ position: absolute;
55
+ display: block;
56
+ width: 0;
57
+ height: 0;
58
+ border-color: transparent;
59
+ border-style: solid;
60
+ }
61
+ }
62
+ .popover .arrow {
63
+ border-width: $popover-arrow-outer-width;
64
+ }
65
+ .popover .arrow:after {
66
+ border-width: $popover-arrow-width;
67
+ content: "";
68
+ }
69
+
70
+ .popover {
71
+ &.top .arrow {
72
+ left: 50%;
73
+ margin-left: -$popover-arrow-outer-width;
74
+ border-bottom-width: 0;
75
+ border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
76
+ border-top-color: $popover-arrow-outer-color;
77
+ bottom: -$popover-arrow-outer-width;
78
+ &:after {
79
+ content: " ";
80
+ bottom: 1px;
81
+ margin-left: -$popover-arrow-width;
82
+ border-bottom-width: 0;
83
+ border-top-color: $popover-arrow-color;
84
+ }
85
+ }
86
+ &.right .arrow {
87
+ top: 50%;
88
+ left: -$popover-arrow-outer-width;
89
+ margin-top: -$popover-arrow-outer-width;
90
+ border-left-width: 0;
91
+ border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
92
+ border-right-color: $popover-arrow-outer-color;
93
+ &:after {
94
+ content: " ";
95
+ left: 1px;
96
+ bottom: -$popover-arrow-width;
97
+ border-left-width: 0;
98
+ border-right-color: $popover-arrow-color;
99
+ }
100
+ }
101
+ &.bottom .arrow {
102
+ left: 50%;
103
+ margin-left: -$popover-arrow-outer-width;
104
+ border-top-width: 0;
105
+ border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
106
+ border-bottom-color: $popover-arrow-outer-color;
107
+ top: -$popover-arrow-outer-width;
108
+ &:after {
109
+ content: " ";
110
+ top: 1px;
111
+ margin-left: -$popover-arrow-width;
112
+ border-top-width: 0;
113
+ border-bottom-color: $popover-arrow-color;
114
+ }
115
+ }
116
+
117
+ &.left .arrow {
118
+ top: 50%;
119
+ right: -$popover-arrow-outer-width;
120
+ margin-top: -$popover-arrow-outer-width;
121
+ border-right-width: 0;
122
+ border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
123
+ border-left-color: $popover-arrow-outer-color;
124
+ &:after {
125
+ content: " ";
126
+ right: 1px;
127
+ border-right-width: 0;
128
+ border-left-color: $popover-arrow-color;
129
+ bottom: -$popover-arrow-width;
130
+ }
131
+ }
132
+
133
+ }
@@ -0,0 +1,105 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print {
7
+
8
+ * {
9
+ text-shadow: none !important;
10
+ color: #000 !important; // Black prints faster: h5bp.com/s
11
+ background: transparent !important;
12
+ box-shadow: none !important;
13
+ }
14
+
15
+ a,
16
+ a:visited {
17
+ text-decoration: underline;
18
+ }
19
+
20
+ a[href]:after {
21
+ content: " (" attr(href) ")";
22
+ }
23
+
24
+ abbr[title]:after {
25
+ content: " (" attr(title) ")";
26
+ }
27
+
28
+ // Don't show links for images, or javascript/internal links
29
+ a[href^="javascript:"]:after,
30
+ a[href^="#"]:after {
31
+ content: "";
32
+ }
33
+
34
+ pre,
35
+ blockquote {
36
+ border: 1px solid #999;
37
+ page-break-inside: avoid;
38
+ }
39
+
40
+ thead {
41
+ display: table-header-group; // h5bp.com/t
42
+ }
43
+
44
+ tr,
45
+ img {
46
+ page-break-inside: avoid;
47
+ }
48
+
49
+ img {
50
+ max-width: 100% !important;
51
+ }
52
+
53
+ @page {
54
+ margin: 2cm .5cm;
55
+ }
56
+
57
+ p,
58
+ h2,
59
+ h3 {
60
+ orphans: 3;
61
+ widows: 3;
62
+ }
63
+
64
+ h2,
65
+ h3 {
66
+ page-break-after: avoid;
67
+ }
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
+
75
+ // Bootstrap components
76
+ .navbar {
77
+ display: none;
78
+ }
79
+ .table {
80
+ td,
81
+ th {
82
+ background-color: #fff !important;
83
+ }
84
+ }
85
+ .btn,
86
+ .dropup > .btn {
87
+ > .caret {
88
+ border-top-color: #000 !important;
89
+ }
90
+ }
91
+ .label {
92
+ border: 1px solid #000;
93
+ }
94
+
95
+ .table {
96
+ border-collapse: collapse !important;
97
+ }
98
+ .table-bordered {
99
+ th,
100
+ td {
101
+ border: 1px solid #ddd !important;
102
+ }
103
+ }
104
+
105
+ }
@@ -0,0 +1,92 @@
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
+ // 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
+ // Spec and IE10+
28
+ @keyframes progress-bar-stripes {
29
+ from { background-position: 40px 0; }
30
+ to { background-position: 0 0; }
31
+ }
32
+
33
+
34
+
35
+ // Bar itself
36
+ // -------------------------
37
+
38
+ // Outer container
39
+ .progress {
40
+ overflow: hidden;
41
+ height: $line-height-computed;
42
+ margin-bottom: $line-height-computed;
43
+ background-color: $progress-bg;
44
+ border-radius: $border-radius-base;
45
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
46
+ }
47
+
48
+ // Bar of progress
49
+ .progress-bar {
50
+ float: left;
51
+ width: 0%;
52
+ height: 100%;
53
+ font-size: $font-size-small;
54
+ line-height: $line-height-computed;
55
+ color: $progress-bar-color;
56
+ text-align: center;
57
+ background-color: $progress-bar-bg;
58
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
59
+ @include transition(width .6s ease);
60
+ }
61
+
62
+ // Striped bars
63
+ .progress-striped .progress-bar {
64
+ @include gradient-striped();
65
+ background-size: 40px 40px;
66
+ }
67
+
68
+ // Call animation for the active one
69
+ .progress.active .progress-bar {
70
+ @include animation(progress-bar-stripes 2s linear infinite);
71
+ }
72
+
73
+
74
+
75
+ // Variations
76
+ // -------------------------
77
+
78
+ .progress-bar-success {
79
+ @include progress-bar-variant($progress-bar-success-bg);
80
+ }
81
+
82
+ .progress-bar-info {
83
+ @include progress-bar-variant($progress-bar-info-bg);
84
+ }
85
+
86
+ .progress-bar-warning {
87
+ @include progress-bar-variant($progress-bar-warning-bg);
88
+ }
89
+
90
+ .progress-bar-danger {
91
+ @include progress-bar-variant($progress-bar-danger-bg);
92
+ }