bootstrap_sass_rails 0.0.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.
- checksums.yaml +15 -0
- data/.gitignore +17 -0
- data/.rvmrc +1 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +44 -0
- data/Rakefile +1 -0
- data/app/assets/javascripts/bootstrap.js +12 -0
- data/app/assets/javascripts/bootstrap/affix.js +126 -0
- data/app/assets/javascripts/bootstrap/alert.js +98 -0
- data/app/assets/javascripts/bootstrap/button.js +109 -0
- data/app/assets/javascripts/bootstrap/carousel.js +217 -0
- data/app/assets/javascripts/bootstrap/collapse.js +179 -0
- data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
- data/app/assets/javascripts/bootstrap/modal.js +246 -0
- data/app/assets/javascripts/bootstrap/popover.js +117 -0
- data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
- data/app/assets/javascripts/bootstrap/tab.js +135 -0
- data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
- data/app/assets/javascripts/bootstrap/transition.js +56 -0
- data/app/assets/stylesheets/bootstrap.css.sass +59 -0
- data/app/assets/stylesheets/bootstrap/_alerts.css.sass +55 -0
- data/app/assets/stylesheets/bootstrap/_badges.css.sass +50 -0
- data/app/assets/stylesheets/bootstrap/_breadcrumbs.css.sass +19 -0
- data/app/assets/stylesheets/bootstrap/_button-groups.css.sass +210 -0
- data/app/assets/stylesheets/bootstrap/_buttons.css.sass +135 -0
- data/app/assets/stylesheets/bootstrap/_carousel.css.sass +165 -0
- data/app/assets/stylesheets/bootstrap/_close.css.sass +28 -0
- data/app/assets/stylesheets/bootstrap/_code.css.sass +49 -0
- data/app/assets/stylesheets/bootstrap/_component-animations.css.sass +25 -0
- data/app/assets/stylesheets/bootstrap/_dropdowns.css.sass +166 -0
- data/app/assets/stylesheets/bootstrap/_forms.css.sass +309 -0
- data/app/assets/stylesheets/bootstrap/_glyphicons.css.sass +827 -0
- data/app/assets/stylesheets/bootstrap/_grid.css.sass +483 -0
- data/app/assets/stylesheets/bootstrap/_input-groups.css.sass +117 -0
- data/app/assets/stylesheets/bootstrap/_jumbotron.css.sass +28 -0
- data/app/assets/stylesheets/bootstrap/_labels.css.sass +46 -0
- data/app/assets/stylesheets/bootstrap/_list-group.css.sass +71 -0
- data/app/assets/stylesheets/bootstrap/_media.css.sass +47 -0
- data/app/assets/stylesheets/bootstrap/_mixins.css.sass +754 -0
- data/app/assets/stylesheets/bootstrap/_modals.css.sass +127 -0
- data/app/assets/stylesheets/bootstrap/_navbar.css.sass +457 -0
- data/app/assets/stylesheets/bootstrap/_navs.css.sass +171 -0
- data/app/assets/stylesheets/bootstrap/_normalize.css.sass +375 -0
- data/app/assets/stylesheets/bootstrap/_pager.css.sass +39 -0
- data/app/assets/stylesheets/bootstrap/_pagination.css.sass +66 -0
- data/app/assets/stylesheets/bootstrap/_panels.css.sass +114 -0
- data/app/assets/stylesheets/bootstrap/_popovers.css.sass +124 -0
- data/app/assets/stylesheets/bootstrap/_print.css.sass +66 -0
- data/app/assets/stylesheets/bootstrap/_progress-bars.css.sass +90 -0
- data/app/assets/stylesheets/bootstrap/_responsive-utilities.css.sass +152 -0
- data/app/assets/stylesheets/bootstrap/_scaffolding.css.sass +108 -0
- data/app/assets/stylesheets/bootstrap/_tables.css.sass +176 -0
- data/app/assets/stylesheets/bootstrap/_theme.css.sass +228 -0
- data/app/assets/stylesheets/bootstrap/_thumbnails.css.sass +26 -0
- data/app/assets/stylesheets/bootstrap/_tooltip.css.sass +91 -0
- data/app/assets/stylesheets/bootstrap/_type.css.sass +251 -0
- data/app/assets/stylesheets/bootstrap/_utilities.css.sass +36 -0
- data/app/assets/stylesheets/bootstrap/_variables.css.sass +614 -0
- data/app/assets/stylesheets/bootstrap/_wells.css.sass +25 -0
- data/bin/convert-sass.sh +3 -0
- data/bootstrap_sass_rails.gemspec +25 -0
- data/lib/bootstrap_sass_rails.rb +13 -0
- data/lib/bootstrap_sass_rails/engine.rb +4 -0
- data/lib/bootstrap_sass_rails/version.rb +3 -0
- metadata +152 -0
@@ -0,0 +1,39 @@
|
|
1
|
+
//
|
2
|
+
// Pager pagination
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.pager
|
6
|
+
padding-left: 0
|
7
|
+
margin: $line-height-computed 0
|
8
|
+
list-style: none
|
9
|
+
text-align: center
|
10
|
+
+clearfix
|
11
|
+
li
|
12
|
+
display: inline
|
13
|
+
> a,
|
14
|
+
> span
|
15
|
+
display: inline-block
|
16
|
+
padding: 5px 14px
|
17
|
+
background-color: $pagination-bg
|
18
|
+
border: 1px solid $pagination-border
|
19
|
+
border-radius: $pager-border-radius
|
20
|
+
> a:hover,
|
21
|
+
> a:focus
|
22
|
+
text-decoration: none
|
23
|
+
background-color: $pagination-hover-bg
|
24
|
+
.next
|
25
|
+
> a,
|
26
|
+
> span
|
27
|
+
float: right
|
28
|
+
.previous
|
29
|
+
> a,
|
30
|
+
> span
|
31
|
+
float: left
|
32
|
+
.disabled
|
33
|
+
> a,
|
34
|
+
> a:hover,
|
35
|
+
> a:focus,
|
36
|
+
> span
|
37
|
+
color: $pager-disabled-color
|
38
|
+
background-color: $pagination-bg
|
39
|
+
cursor: not-allowed
|
@@ -0,0 +1,66 @@
|
|
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
|
+
> li
|
10
|
+
display: inline
|
11
|
+
// Remove list-style and block-level defaults
|
12
|
+
> a,
|
13
|
+
> span
|
14
|
+
position: relative
|
15
|
+
float: left
|
16
|
+
// Collapse white-space
|
17
|
+
padding: $padding-base-vertical $padding-base-horizontal
|
18
|
+
line-height: $line-height-base
|
19
|
+
text-decoration: none
|
20
|
+
background-color: $pagination-bg
|
21
|
+
border: 1px solid $pagination-border
|
22
|
+
margin-left: -1px
|
23
|
+
&:first-child
|
24
|
+
> a,
|
25
|
+
> span
|
26
|
+
margin-left: 0
|
27
|
+
+border-left-radius($border-radius-base)
|
28
|
+
&:last-child
|
29
|
+
> a,
|
30
|
+
> span
|
31
|
+
+border-right-radius($border-radius-base)
|
32
|
+
> li > a,
|
33
|
+
> li > span
|
34
|
+
&:hover,
|
35
|
+
&:focus
|
36
|
+
background-color: $pagination-hover-bg
|
37
|
+
> .active > a,
|
38
|
+
> .active > span
|
39
|
+
&,
|
40
|
+
&:hover,
|
41
|
+
&:focus
|
42
|
+
z-index: 2
|
43
|
+
color: $pagination-active-color
|
44
|
+
background-color: $pagination-active-bg
|
45
|
+
border-color: $pagination-active-bg
|
46
|
+
cursor: default
|
47
|
+
> .disabled
|
48
|
+
> span,
|
49
|
+
> a,
|
50
|
+
> a:hover,
|
51
|
+
> a:focus
|
52
|
+
color: $pagination-disabled-color
|
53
|
+
background-color: $pagination-bg
|
54
|
+
border-color: $pagination-border
|
55
|
+
cursor: not-allowed
|
56
|
+
|
57
|
+
// Sizing
|
58
|
+
// --------------------------------------------------
|
59
|
+
|
60
|
+
// Large
|
61
|
+
.pagination-lg
|
62
|
+
+pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large)
|
63
|
+
|
64
|
+
// Small
|
65
|
+
.pagination-sm
|
66
|
+
+pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small)
|
@@ -0,0 +1,114 @@
|
|
1
|
+
//
|
2
|
+
// Panels
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Base class
|
6
|
+
.panel
|
7
|
+
margin-bottom: $line-height-computed
|
8
|
+
background-color: $panel-bg
|
9
|
+
border: 1px solid transparent
|
10
|
+
border-radius: $panel-border-radius
|
11
|
+
+box-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
|
12
|
+
|
13
|
+
// Panel contents
|
14
|
+
.panel-body
|
15
|
+
padding: 15px
|
16
|
+
+clearfix
|
17
|
+
|
18
|
+
// List groups in panels
|
19
|
+
//
|
20
|
+
// By default, space out list group content from panel headings to account for
|
21
|
+
// any kind of custom content between the two.
|
22
|
+
|
23
|
+
.panel
|
24
|
+
> .list-group
|
25
|
+
margin-bottom: 0
|
26
|
+
.list-group-item
|
27
|
+
border-width: 1px 0
|
28
|
+
// Remove border radius for top one
|
29
|
+
&:first-child
|
30
|
+
+border-top-radius(0)
|
31
|
+
// But keep it for the last one
|
32
|
+
&:last-child
|
33
|
+
border-bottom: 0
|
34
|
+
|
35
|
+
// Collapse space between when there's no additional content.
|
36
|
+
.panel-heading + .list-group
|
37
|
+
.list-group-item:first-child
|
38
|
+
border-top-width: 0
|
39
|
+
|
40
|
+
// Tables in panels
|
41
|
+
//
|
42
|
+
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
|
43
|
+
// watch it go full width.
|
44
|
+
|
45
|
+
.panel
|
46
|
+
> .table
|
47
|
+
margin-bottom: 0
|
48
|
+
> .panel-body + .table
|
49
|
+
border-top: 1px solid $table-border-color
|
50
|
+
|
51
|
+
// Optional heading
|
52
|
+
.panel-heading
|
53
|
+
padding: 10px 15px
|
54
|
+
border-bottom: 1px solid transparent
|
55
|
+
+border-top-radius($panel-border-radius - 1)
|
56
|
+
|
57
|
+
// Within heading, strip any `h*` tag of it's default margins for spacing.
|
58
|
+
.panel-title
|
59
|
+
margin-top: 0
|
60
|
+
margin-bottom: 0
|
61
|
+
font-size: ceil($font-size-base * 1.125)
|
62
|
+
> a
|
63
|
+
color: inherit
|
64
|
+
|
65
|
+
// Optional footer (stays gray in every modifier class)
|
66
|
+
.panel-footer
|
67
|
+
padding: 10px 15px
|
68
|
+
background-color: $panel-footer-bg
|
69
|
+
border-top: 1px solid $panel-inner-border
|
70
|
+
+border-bottom-radius($panel-border-radius - 1)
|
71
|
+
|
72
|
+
// Collapsable panels (aka, accordion)
|
73
|
+
//
|
74
|
+
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
|
75
|
+
// the help of our collapse JavaScript plugin.
|
76
|
+
|
77
|
+
.panel-group
|
78
|
+
// Tighten up margin so it's only between panels
|
79
|
+
.panel
|
80
|
+
margin-bottom: 0
|
81
|
+
border-radius: $panel-border-radius
|
82
|
+
overflow: hidden
|
83
|
+
// crop contents when collapsed
|
84
|
+
+ .panel
|
85
|
+
margin-top: 5px
|
86
|
+
.panel-heading
|
87
|
+
border-bottom: 0
|
88
|
+
+ .panel-collapse .panel-body
|
89
|
+
border-top: 1px solid $panel-inner-border
|
90
|
+
.panel-footer
|
91
|
+
border-top: 0
|
92
|
+
+ .panel-collapse .panel-body
|
93
|
+
border-bottom: 1px solid $panel-inner-border
|
94
|
+
// New subcomponent for wrapping collapsable content for proper animations
|
95
|
+
.panel-collapse
|
96
|
+
|
97
|
+
// Contextual variations
|
98
|
+
.panel-default
|
99
|
+
+panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border)
|
100
|
+
|
101
|
+
.panel-primary
|
102
|
+
+panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border)
|
103
|
+
|
104
|
+
.panel-success
|
105
|
+
+panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border)
|
106
|
+
|
107
|
+
.panel-warning
|
108
|
+
+panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border)
|
109
|
+
|
110
|
+
.panel-danger
|
111
|
+
+panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border)
|
112
|
+
|
113
|
+
.panel-info
|
114
|
+
+panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border)
|
@@ -0,0 +1,124 @@
|
|
1
|
+
//
|
2
|
+
// Popovers
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.popover
|
6
|
+
position: absolute
|
7
|
+
top: 0
|
8
|
+
left: 0
|
9
|
+
z-index: $zindex-popover
|
10
|
+
display: none
|
11
|
+
max-width: $popover-max-width
|
12
|
+
padding: 1px
|
13
|
+
text-align: left
|
14
|
+
// 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
|
+
+box-shadow(0 5px 10px rgba(0, 0, 0, 0.2))
|
21
|
+
// Overrides for proper insertion
|
22
|
+
white-space: normal
|
23
|
+
// Offset the popover to account for the popover arrow
|
24
|
+
&.top
|
25
|
+
margin-top: -10px
|
26
|
+
&.right
|
27
|
+
margin-left: 10px
|
28
|
+
&.bottom
|
29
|
+
margin-top: 10px
|
30
|
+
&.left
|
31
|
+
margin-left: -10px
|
32
|
+
|
33
|
+
.popover-title
|
34
|
+
margin: 0
|
35
|
+
// reset heading margin
|
36
|
+
padding: 8px 14px
|
37
|
+
font-size: $font-size-base
|
38
|
+
font-weight: normal
|
39
|
+
line-height: 18px
|
40
|
+
background-color: $popover-title-bg
|
41
|
+
border-bottom: 1px solid darken($popover-title-bg, 5%)
|
42
|
+
border-radius: 5px 5px 0 0
|
43
|
+
|
44
|
+
.popover-content
|
45
|
+
padding: 9px 14px
|
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
|
+
.popover .arrow
|
62
|
+
border-width: $popover-arrow-outer-width
|
63
|
+
|
64
|
+
.popover .arrow:after
|
65
|
+
border-width: $popover-arrow-width
|
66
|
+
content: ""
|
67
|
+
|
68
|
+
.popover
|
69
|
+
&.top .arrow
|
70
|
+
left: 50%
|
71
|
+
margin-left: -$popover-arrow-outer-width
|
72
|
+
border-bottom-width: 0
|
73
|
+
border-top-color: $popover-arrow-outer-fallback-color
|
74
|
+
// IE8 fallback
|
75
|
+
border-top-color: $popover-arrow-outer-color
|
76
|
+
bottom: -$popover-arrow-outer-width
|
77
|
+
&:after
|
78
|
+
content: " "
|
79
|
+
bottom: 1px
|
80
|
+
margin-left: -$popover-arrow-width
|
81
|
+
border-bottom-width: 0
|
82
|
+
border-top-color: $popover-arrow-color
|
83
|
+
&.right .arrow
|
84
|
+
top: 50%
|
85
|
+
left: -$popover-arrow-outer-width
|
86
|
+
margin-top: -$popover-arrow-outer-width
|
87
|
+
border-left-width: 0
|
88
|
+
border-right-color: $popover-arrow-outer-fallback-color
|
89
|
+
// IE8 fallback
|
90
|
+
border-right-color: $popover-arrow-outer-color
|
91
|
+
&:after
|
92
|
+
content: " "
|
93
|
+
left: 1px
|
94
|
+
bottom: -$popover-arrow-width
|
95
|
+
border-left-width: 0
|
96
|
+
border-right-color: $popover-arrow-color
|
97
|
+
&.bottom .arrow
|
98
|
+
left: 50%
|
99
|
+
margin-left: -$popover-arrow-outer-width
|
100
|
+
border-top-width: 0
|
101
|
+
border-bottom-color: $popover-arrow-outer-fallback-color
|
102
|
+
// IE8 fallback
|
103
|
+
border-bottom-color: $popover-arrow-outer-color
|
104
|
+
top: -$popover-arrow-outer-width
|
105
|
+
&:after
|
106
|
+
content: " "
|
107
|
+
top: 1px
|
108
|
+
margin-left: -$popover-arrow-width
|
109
|
+
border-top-width: 0
|
110
|
+
border-bottom-color: $popover-arrow-color
|
111
|
+
&.left .arrow
|
112
|
+
top: 50%
|
113
|
+
right: -$popover-arrow-outer-width
|
114
|
+
margin-top: -$popover-arrow-outer-width
|
115
|
+
border-right-width: 0
|
116
|
+
border-left-color: $popover-arrow-outer-fallback-color
|
117
|
+
// IE8 fallback
|
118
|
+
border-left-color: $popover-arrow-outer-color
|
119
|
+
&:after
|
120
|
+
content: " "
|
121
|
+
right: 1px
|
122
|
+
border-right-width: 0
|
123
|
+
border-left-color: $popover-arrow-color
|
124
|
+
bottom: -$popover-arrow-width
|
@@ -0,0 +1,66 @@
|
|
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
|
+
text-shadow: none !important
|
9
|
+
color: #000 !important
|
10
|
+
// Black prints faster: h5bp.com/s
|
11
|
+
background: transparent !important
|
12
|
+
box-shadow: none !important
|
13
|
+
a,
|
14
|
+
a:visited
|
15
|
+
text-decoration: underline
|
16
|
+
a[href]:after
|
17
|
+
content: " (" attr(href) ")"
|
18
|
+
abbr[title]:after
|
19
|
+
content: " (" attr(title) ")"
|
20
|
+
// Don't show links for images, or javascript/internal links
|
21
|
+
.ir a:after,
|
22
|
+
a[href^="javascript:"]:after,
|
23
|
+
a[href^="#"]:after
|
24
|
+
content: ""
|
25
|
+
pre,
|
26
|
+
blockquote
|
27
|
+
border: 1px solid #999
|
28
|
+
page-break-inside: avoid
|
29
|
+
thead
|
30
|
+
display: table-header-group
|
31
|
+
// h5bp.com/t
|
32
|
+
tr,
|
33
|
+
img
|
34
|
+
page-break-inside: avoid
|
35
|
+
img
|
36
|
+
max-width: 100% !important
|
37
|
+
@page
|
38
|
+
margin: 2cm .5cm
|
39
|
+
|
40
|
+
p,
|
41
|
+
h2,
|
42
|
+
h3
|
43
|
+
orphans: 3
|
44
|
+
widows: 3
|
45
|
+
h2,
|
46
|
+
h3
|
47
|
+
page-break-after: avoid
|
48
|
+
// Bootstrap components
|
49
|
+
.navbar
|
50
|
+
display: none
|
51
|
+
.table
|
52
|
+
td,
|
53
|
+
th
|
54
|
+
background-color: #fff !important
|
55
|
+
.btn,
|
56
|
+
.dropup > .btn
|
57
|
+
> .caret
|
58
|
+
border-top-color: #000 !important
|
59
|
+
.label
|
60
|
+
border: 1px solid #000
|
61
|
+
.table
|
62
|
+
border-collapse: collapse !important
|
63
|
+
.table-bordered
|
64
|
+
th,
|
65
|
+
td
|
66
|
+
border: 1px solid #ddd !important
|
@@ -0,0 +1,90 @@
|
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Bar animations
|
6
|
+
// -------------------------
|
7
|
+
|
8
|
+
// Webkit
|
9
|
+
@-webkit-keyframes progress-bar-stripes
|
10
|
+
from
|
11
|
+
background-position: 40px 0
|
12
|
+
to
|
13
|
+
background-position: 0 0
|
14
|
+
|
15
|
+
|
16
|
+
// Firefox
|
17
|
+
@-moz-keyframes progress-bar-stripes
|
18
|
+
from
|
19
|
+
background-position: 40px 0
|
20
|
+
to
|
21
|
+
background-position: 0 0
|
22
|
+
|
23
|
+
|
24
|
+
// Opera
|
25
|
+
@-o-keyframes progress-bar-stripes
|
26
|
+
from
|
27
|
+
background-position: 0 0
|
28
|
+
to
|
29
|
+
background-position: 40px 0
|
30
|
+
|
31
|
+
|
32
|
+
// Spec and IE10+
|
33
|
+
@keyframes progress-bar-stripes
|
34
|
+
from
|
35
|
+
background-position: 40px 0
|
36
|
+
to
|
37
|
+
background-position: 0 0
|
38
|
+
|
39
|
+
|
40
|
+
// Bar itself
|
41
|
+
// -------------------------
|
42
|
+
|
43
|
+
// Outer container
|
44
|
+
.progress
|
45
|
+
overflow: hidden
|
46
|
+
height: $line-height-computed
|
47
|
+
margin-bottom: $line-height-computed
|
48
|
+
background-color: $progress-bg
|
49
|
+
border-radius: $border-radius-base
|
50
|
+
+box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1))
|
51
|
+
|
52
|
+
// Bar of progress
|
53
|
+
.progress-bar
|
54
|
+
float: left
|
55
|
+
width: 0%
|
56
|
+
height: 100%
|
57
|
+
font-size: $font-size-small
|
58
|
+
color: $progress-bar-color
|
59
|
+
text-align: center
|
60
|
+
background-color: $progress-bar-bg
|
61
|
+
+box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15))
|
62
|
+
+transition(width 0.6s ease)
|
63
|
+
|
64
|
+
// Striped bars
|
65
|
+
.progress-striped .progress-bar
|
66
|
+
+gradient-striped($progress-bar-bg)
|
67
|
+
background-size: 40px 40px
|
68
|
+
|
69
|
+
// Call animation for the active one
|
70
|
+
.progress.active .progress-bar
|
71
|
+
-webkit-animation: progress-bar-stripes 2s linear infinite
|
72
|
+
-moz-animation: progress-bar-stripes 2s linear infinite
|
73
|
+
-ms-animation: progress-bar-stripes 2s linear infinite
|
74
|
+
-o-animation: progress-bar-stripes 2s linear infinite
|
75
|
+
animation: progress-bar-stripes 2s linear infinite
|
76
|
+
|
77
|
+
// Variations
|
78
|
+
// -------------------------
|
79
|
+
|
80
|
+
.progress-bar-success
|
81
|
+
+progress-bar-variant($progress-bar-success-bg)
|
82
|
+
|
83
|
+
.progress-bar-info
|
84
|
+
+progress-bar-variant($progress-bar-info-bg)
|
85
|
+
|
86
|
+
.progress-bar-warning
|
87
|
+
+progress-bar-variant($progress-bar-warning-bg)
|
88
|
+
|
89
|
+
.progress-bar-danger
|
90
|
+
+progress-bar-variant($progress-bar-danger-bg)
|