sass-rails-bootstrap 2.0.4 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +3 -3
- data/lib/sass-rails-bootstrap/sass_functions.rb +15 -0
- data/lib/sass-rails-bootstrap/version.rb +1 -1
- data/lib/sass-rails-bootstrap.rb +1 -0
- data/vendor/assets/javascripts/twitter/bootstrap/affix.js +104 -0
- data/vendor/assets/javascripts/twitter/bootstrap/alert.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/button.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +13 -6
- data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +5 -4
- data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +69 -19
- data/vendor/assets/javascripts/twitter/bootstrap/modal.js +96 -75
- data/vendor/assets/javascripts/twitter/bootstrap/popover.js +19 -9
- data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +13 -13
- data/vendor/assets/javascripts/twitter/bootstrap/tab.js +3 -3
- data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +15 -15
- data/vendor/assets/javascripts/twitter/bootstrap/transition.js +3 -4
- data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +52 -37
- data/vendor/assets/javascripts/twitter/bootstrap.js +1 -0
- data/vendor/assets/stylesheets/twitter/_bootstrap-responsive.scss +5 -5
- data/vendor/assets/stylesheets/twitter/_bootstrap.scss +2 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.sass +3 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.sass +14 -8
- data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.sass +9 -9
- data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +71 -23
- data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +81 -66
- data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.sass +12 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/_close.sass +4 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_code.sass +6 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.sass +5 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +76 -13
- data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +84 -41
- data/vendor/assets/stylesheets/twitter/bootstrap/_grid.sass +13 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.sass +4 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.sass +15 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_layouts.sass +3 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +107 -76
- data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +8 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +234 -134
- data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass +130 -96
- data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass +5 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass +16 -8
- data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.sass +92 -38
- data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.sass +18 -13
- data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +6 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-1200px-min.sass +9 -7
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.sass +75 -60
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-768px-979px.sass +7 -5
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.sass +15 -6
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-utilities.sass +17 -14
- data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.sass +24 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass +13 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +50 -9
- data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.sass +9 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.sass +46 -17
- data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +69 -67
- data/vendor/assets/stylesheets/twitter/bootstrap/_utilities.sass +8 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +95 -26
- data/vendor/assets/stylesheets/twitter/bootstrap/_wells.sass +6 -5
- metadata +4 -2
@@ -1,6 +1,6 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
|
1
|
+
//
|
2
|
+
// Navs
|
3
|
+
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
6
|
// BASE CLASS
|
@@ -18,22 +18,22 @@
|
|
18
18
|
.nav > li > a:hover
|
19
19
|
text-decoration: none
|
20
20
|
background-color: $grayLighter
|
21
|
-
|
21
|
+
|
22
22
|
// Redeclare pull classes because of specifity
|
23
23
|
.nav > .pull-right
|
24
24
|
float: right
|
25
|
-
|
25
|
+
|
26
26
|
// Nav headers (for dropdowns and lists)
|
27
|
-
.nav
|
27
|
+
.nav-header
|
28
28
|
display: block
|
29
29
|
padding: 3px 15px
|
30
30
|
font-size: 11px
|
31
31
|
font-weight: bold
|
32
32
|
line-height: $baseLineHeight
|
33
33
|
color: $grayLight
|
34
|
-
text-shadow: 0 1px 0 rgba(255,
|
34
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5)
|
35
35
|
text-transform: uppercase
|
36
|
-
|
36
|
+
|
37
37
|
// Space them out when they follow another list item (link)
|
38
38
|
.nav li + .nav-header
|
39
39
|
margin-top: 9px
|
@@ -53,7 +53,7 @@
|
|
53
53
|
margin-left: -15px
|
54
54
|
margin-right: -15px
|
55
55
|
text-shadow: 0 1px 0 rgba(255,255,255,.5)
|
56
|
-
|
56
|
+
|
57
57
|
.nav-list > li > a
|
58
58
|
padding: 3px 15px
|
59
59
|
|
@@ -63,10 +63,9 @@
|
|
63
63
|
text-shadow: 0 -1px 0 rgba(0,0,0,.2)
|
64
64
|
background-color: $linkColor
|
65
65
|
|
66
|
-
.nav-list [class^="icon-"]
|
67
|
-
.nav-list [class*=" icon-"]
|
66
|
+
.nav-list [class^="icon-"]
|
68
67
|
margin-right: 2px
|
69
|
-
|
68
|
+
|
70
69
|
// Dividers (basically an hr) within the dropdown
|
71
70
|
.nav-list .divider
|
72
71
|
+nav-divider
|
@@ -80,13 +79,18 @@
|
|
80
79
|
.nav-tabs,
|
81
80
|
.nav-pills
|
82
81
|
+clearfix
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
82
|
+
|
83
|
+
.nav-tabs > li,
|
84
|
+
.nav-pills > li
|
85
|
+
float: left
|
86
|
+
|
87
|
+
.nav-tabs > li > a,
|
88
|
+
.nav-pills > li > a
|
89
|
+
padding-right: 12px
|
90
|
+
padding-left: 12px
|
91
|
+
margin-right: 2px
|
92
|
+
line-height: 14px // keeps the overall height an even number
|
93
|
+
|
90
94
|
|
91
95
|
// TABS
|
92
96
|
// ----
|
@@ -94,47 +98,48 @@
|
|
94
98
|
// Give the tabs something to sit on
|
95
99
|
.nav-tabs
|
96
100
|
border-bottom: 1px solid #ddd
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
101
|
+
|
102
|
+
// Make the list-items overlay the bottom border
|
103
|
+
.nav-tabs > li
|
104
|
+
margin-bottom: -1px
|
105
|
+
|
106
|
+
// Actual tabs (as links)
|
107
|
+
.nav-tabs > li > a
|
108
|
+
padding-top: 8px
|
109
|
+
padding-bottom: 8px
|
110
|
+
line-height: $baseLineHeight
|
111
|
+
border: 1px solid transparent
|
112
|
+
+border-radius(4px 4px 0 0)
|
113
|
+
&:hover
|
114
|
+
border-color: $grayLighter $grayLighter #ddd
|
115
|
+
|
116
|
+
// Active state, and it's :hover to override normal :hover
|
117
|
+
.nav-tabs > .active > a,
|
118
|
+
.nav-tabs > .active > a:hover
|
119
|
+
color: $gray
|
120
|
+
background-color: $white
|
121
|
+
border: 1px solid #ddd
|
122
|
+
border-bottom-color: transparent
|
123
|
+
cursor: default
|
124
|
+
|
125
|
+
|
120
126
|
|
121
127
|
// PILLS
|
122
128
|
// -----
|
123
129
|
|
124
130
|
// Links rendered as pills
|
125
|
-
.nav-pills
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
background-color: $linkColor
|
131
|
+
.nav-pills > li > a
|
132
|
+
padding-top: 8px
|
133
|
+
padding-bottom: 8px
|
134
|
+
margin-top: 2px
|
135
|
+
margin-bottom: 2px
|
136
|
+
+border-radius(5px)
|
137
|
+
|
138
|
+
// Active state
|
139
|
+
.nav-pills > .active > a,
|
140
|
+
.nav-pills > .active > a:hover
|
141
|
+
color: $white
|
142
|
+
background-color: $linkColor
|
138
143
|
|
139
144
|
|
140
145
|
|
@@ -142,75 +147,85 @@
|
|
142
147
|
// -----------
|
143
148
|
|
144
149
|
// Stacked tabs and pills
|
145
|
-
.nav-stacked
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
+
.nav-stacked > li
|
151
|
+
float: none
|
152
|
+
|
153
|
+
.nav-stacked > li > a
|
154
|
+
margin-right: 0 // no need for the gap between nav items
|
155
|
+
|
150
156
|
|
151
157
|
// Tabs
|
152
|
-
.tabs-stacked
|
158
|
+
.nav-tabs.nav-stacked
|
153
159
|
border-bottom: 0
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
160
|
+
|
161
|
+
.nav-tabs.nav-stacked > li > a
|
162
|
+
border: 1px solid #ddd
|
163
|
+
+border-radius(0)
|
164
|
+
|
165
|
+
.nav-tabs.nav-stacked > li:first-child > a
|
166
|
+
+border-top-radius(4px)
|
167
|
+
|
168
|
+
.nav-tabs.nav-stacked > li:last-child > a
|
169
|
+
+border-bottom-radius(4px)
|
170
|
+
|
171
|
+
.nav-tabs.nav-stacked > li > a:hover
|
172
|
+
border-color: #ddd
|
173
|
+
z-index: 2
|
164
174
|
|
165
175
|
|
166
176
|
// Pills
|
167
|
-
.pills-stacked
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
177
|
+
.nav-pills.nav-stacked > li > a
|
178
|
+
margin-bottom: 3px
|
179
|
+
|
180
|
+
.nav-pills.nav-stacked > li:last-child > a
|
181
|
+
margin-bottom: 1px // decrease margin to match sizing of stacked tabs
|
172
182
|
|
173
183
|
|
174
184
|
|
175
185
|
// DROPDOWNS
|
176
186
|
// ---------
|
177
187
|
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
margin-top: 1px
|
182
|
-
border-width: 1px
|
183
|
-
|
188
|
+
.nav-tabs .dropdown-menu
|
189
|
+
+border-radius(0 0 6px 6px) // remove the top rounded corners here since there is a hard edge above the menu
|
190
|
+
|
184
191
|
.nav-pills .dropdown-menu
|
185
|
-
+border-radius(
|
192
|
+
+border-radius(6px) // make rounded corners match the pills
|
193
|
+
|
186
194
|
|
187
195
|
// Default dropdown links
|
188
196
|
// -------------------------
|
189
197
|
// Make carets use linkColor to start
|
190
|
-
.nav
|
191
|
-
.nav-pills .dropdown-toggle .caret
|
198
|
+
.nav .dropdown-toggle .caret
|
192
199
|
border-top-color: $linkColor
|
193
200
|
border-bottom-color: $linkColor
|
194
201
|
margin-top: 6px
|
195
202
|
|
196
|
-
.nav
|
197
|
-
.nav-pills .dropdown-toggle:hover .caret
|
203
|
+
.nav .dropdown-toggle:hover .caret
|
198
204
|
border-top-color: $linkColorHover
|
199
205
|
border-bottom-color: $linkColorHover
|
200
206
|
|
207
|
+
// Move down carets for tabs
|
208
|
+
.nav-tabs .dropdown-toggle .caret
|
209
|
+
margin-top: 8px
|
210
|
+
|
211
|
+
|
201
212
|
// Active dropdown links
|
202
213
|
// -------------------------
|
203
|
-
.nav
|
204
|
-
|
205
|
-
border-
|
206
|
-
|
214
|
+
.nav .active .dropdown-toggle .caret
|
215
|
+
border-top-color: #fff
|
216
|
+
border-bottom-color: #fff
|
217
|
+
|
218
|
+
.nav-tabs .active .dropdown-toggle .caret
|
219
|
+
border-top-color: $gray
|
220
|
+
border-bottom-color: $gray
|
221
|
+
|
207
222
|
|
208
223
|
// Active:hover dropdown links
|
209
224
|
// -------------------------
|
210
225
|
.nav > .dropdown.active > a:hover
|
211
|
-
color: $black
|
212
226
|
cursor: pointer
|
213
227
|
|
228
|
+
|
214
229
|
// Open dropdowns
|
215
230
|
// -------------------------
|
216
231
|
.nav-tabs .open .dropdown-toggle,
|
@@ -227,6 +242,7 @@
|
|
227
242
|
border-bottom-color: $white
|
228
243
|
+opacity(100)
|
229
244
|
|
245
|
+
|
230
246
|
// Dropdowns in stacked tabs
|
231
247
|
.tabs-stacked .open > a:hover
|
232
248
|
border-color: $grayLight
|
@@ -243,9 +259,10 @@
|
|
243
259
|
// Clear any floats
|
244
260
|
.tabbable
|
245
261
|
+clearfix
|
246
|
-
|
262
|
+
|
247
263
|
.tab-content
|
248
|
-
overflow: auto
|
264
|
+
overflow: auto // prevent content from running below tabs
|
265
|
+
|
249
266
|
|
250
267
|
// Remove border on bottom, left, right
|
251
268
|
.tabs-below > .nav-tabs,
|
@@ -263,7 +280,6 @@
|
|
263
280
|
display: block
|
264
281
|
|
265
282
|
|
266
|
-
|
267
283
|
// BOTTOM
|
268
284
|
// ------
|
269
285
|
|
@@ -279,11 +295,12 @@
|
|
279
295
|
&:hover
|
280
296
|
border-bottom-color: transparent
|
281
297
|
border-top-color: #ddd
|
282
|
-
|
298
|
+
|
283
299
|
.tabs-below > .nav-tabs > .active > a,
|
284
300
|
.tabs-below > .nav-tabs > .active > a:hover
|
285
301
|
border-color: transparent #ddd #ddd #ddd
|
286
302
|
|
303
|
+
|
287
304
|
// LEFT & RIGHT
|
288
305
|
// ------------
|
289
306
|
|
@@ -298,6 +315,7 @@
|
|
298
315
|
margin-right: 0
|
299
316
|
margin-bottom: 3px
|
300
317
|
|
318
|
+
|
301
319
|
// Tabs on the left
|
302
320
|
.tabs-left > .nav-tabs
|
303
321
|
float: left
|
@@ -316,6 +334,7 @@
|
|
316
334
|
border-color: #ddd transparent #ddd #ddd
|
317
335
|
*border-right-color: $white
|
318
336
|
|
337
|
+
|
319
338
|
// Tabs on the right
|
320
339
|
.tabs-right > .nav-tabs
|
321
340
|
float: right
|
@@ -333,3 +352,18 @@
|
|
333
352
|
.tabs-right > .nav-tabs .active > a:hover
|
334
353
|
border-color: #ddd #ddd #ddd transparent
|
335
354
|
*border-left-color: $white
|
355
|
+
|
356
|
+
|
357
|
+
|
358
|
+
// DISABLED STATES
|
359
|
+
// ---------------
|
360
|
+
|
361
|
+
// Gray out text
|
362
|
+
.nav > .disabled > a
|
363
|
+
color: $grayLight
|
364
|
+
|
365
|
+
// Nuke hover effects
|
366
|
+
.nav > .disabled > a:hover
|
367
|
+
text-decoration: none
|
368
|
+
background-color: transparent
|
369
|
+
cursor: default
|
@@ -1,5 +1,7 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Pagination (multiple pages)
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
.pagination
|
5
7
|
height: $baseLineHeight * 2
|
@@ -13,17 +15,21 @@
|
|
13
15
|
+box-shadow(0 1px 2px rgba(0,0,0,.05))
|
14
16
|
.pagination li
|
15
17
|
display: inline
|
16
|
-
.pagination a
|
18
|
+
.pagination a,
|
19
|
+
.pagination span
|
17
20
|
float: left
|
18
21
|
padding: 0 14px
|
19
22
|
line-height: $baseLineHeight * 2 - 2
|
20
23
|
text-decoration: none
|
21
|
-
|
24
|
+
background-color: $paginationBackground
|
25
|
+
border: 1px solid $paginationBorder
|
22
26
|
border-left-width: 0
|
23
27
|
.pagination a:hover,
|
24
|
-
.pagination .active a
|
28
|
+
.pagination .active a,
|
29
|
+
.pagination .active span
|
25
30
|
background-color: #f5f5f5
|
26
|
-
.pagination .active a
|
31
|
+
.pagination .active a,
|
32
|
+
.pagination .active span
|
27
33
|
color: $grayLight
|
28
34
|
cursor: default
|
29
35
|
.pagination .disabled span,
|
@@ -32,10 +38,12 @@
|
|
32
38
|
color: $grayLight
|
33
39
|
background-color: transparent
|
34
40
|
cursor: default
|
35
|
-
.pagination li:first-child a
|
41
|
+
.pagination li:first-child a,
|
42
|
+
.pagination li:first-child span
|
36
43
|
border-left-width: 1px
|
37
44
|
+border-radius(3px 0 0 3px)
|
38
|
-
.pagination li:last-child a
|
45
|
+
.pagination li:last-child a,
|
46
|
+
.pagination li:last-child span
|
39
47
|
+border-radius(0 3px 3px 0)
|
40
48
|
|
41
49
|
// Centered
|
@@ -1,5 +1,7 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Popovers
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
.popover
|
5
7
|
position: absolute
|
@@ -7,48 +9,100 @@
|
|
7
9
|
left: 0
|
8
10
|
z-index: $zindexPopover
|
9
11
|
display: none
|
10
|
-
|
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)
|
20
|
+
+border-radius(6px)
|
21
|
+
+box-shadow(0 5px 10px rgba(0,0,0,.2))
|
22
|
+
|
23
|
+
// Offset the popover to account for the popover arrow
|
11
24
|
&.top
|
12
|
-
margin-
|
25
|
+
margin-bottom: 10px
|
13
26
|
&.right
|
14
|
-
margin-left:
|
27
|
+
margin-left: 10px
|
15
28
|
&.bottom
|
16
|
-
margin-top:
|
17
|
-
&.
|
18
|
-
margin-left:
|
19
|
-
&.top .arrow
|
20
|
-
+popover-arrow-top
|
21
|
-
&.right .arrow
|
22
|
-
+popover-arrow-right
|
23
|
-
&.bottom .arrow
|
24
|
-
+popover-arrow-bottom
|
25
|
-
&.left .arrow
|
26
|
-
+popover-arrow-left
|
27
|
-
.arrow
|
28
|
-
position: absolute
|
29
|
-
width: 0
|
30
|
-
height: 0
|
31
|
-
|
32
|
-
.popover-inner
|
33
|
-
padding: 3px
|
34
|
-
width: 280px
|
35
|
-
overflow: hidden
|
36
|
-
background: $black // has to be full background declaration for IE fallback
|
37
|
-
background: rgba(0,0,0,.8)
|
38
|
-
+border-radius(6px)
|
39
|
-
+box-shadow(0 3px 7px rgba(0,0,0,0.3))
|
29
|
+
margin-top: 10px
|
30
|
+
&.right
|
31
|
+
margin-left: 10px
|
40
32
|
|
41
33
|
.popover-title
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
34
|
+
margin: 0 // reset heading margin
|
35
|
+
padding: 8px 14px
|
36
|
+
font-size: 14px
|
37
|
+
font-weight: normal
|
38
|
+
line-height: 18px
|
39
|
+
background-color: $popoverTitleBackground
|
40
|
+
border-bottom: 1px solid darken($popoverTitleBackground, 5%)
|
41
|
+
+border-radius(5px 5px 0 0)
|
47
42
|
|
48
43
|
.popover-content
|
49
|
-
padding: 14px
|
50
|
-
background-color: $white
|
51
|
-
+border-radius(0 0 3px 3px)
|
52
|
-
+background-clip(padding-box)
|
44
|
+
padding: 9px 14px
|
53
45
|
p, ul, ol
|
54
46
|
margin-bottom: 0
|
47
|
+
|
48
|
+
// Arrows
|
49
|
+
.popover .arrow,
|
50
|
+
.popover .arrow:after
|
51
|
+
position: absolute
|
52
|
+
display: inline-block
|
53
|
+
width: 0
|
54
|
+
height: 0
|
55
|
+
border-color: transparent
|
56
|
+
border-style: solid
|
57
|
+
.popover .arrow:after
|
58
|
+
content: ""
|
59
|
+
z-index: -1
|
60
|
+
|
61
|
+
.popover
|
62
|
+
&.top .arrow
|
63
|
+
bottom: -$popoverArrowWidth
|
64
|
+
left: 50%
|
65
|
+
margin-left: -$popoverArrowWidth
|
66
|
+
border-width: $popoverArrowWidth $popoverArrowWidth 0
|
67
|
+
border-top-color: $popoverArrowColor
|
68
|
+
&:after
|
69
|
+
border-width: $popoverArrowOuterWidth $popoverArrowOuterWidth 0
|
70
|
+
border-top-color: $popoverArrowOuterColor
|
71
|
+
bottom: -1px
|
72
|
+
left: -$popoverArrowOuterWidth
|
73
|
+
|
74
|
+
&.right .arrow
|
75
|
+
top: 50%
|
76
|
+
left: -$popoverArrowWidth
|
77
|
+
margin-top: -$popoverArrowWidth
|
78
|
+
border-width: $popoverArrowWidth $popoverArrowWidth $popoverArrowWidth 0
|
79
|
+
border-right-color: $popoverArrowColor
|
80
|
+
&:after
|
81
|
+
border-width: $popoverArrowOuterWidth $popoverArrowOuterWidth $popoverArrowOuterWidth 0
|
82
|
+
border-right-color: $popoverArrowOuterColor
|
83
|
+
bottom: -$popoverArrowOuterWidth
|
84
|
+
left: -1px
|
85
|
+
|
86
|
+
&.bottom .arrow
|
87
|
+
top: -$popoverArrowWidth
|
88
|
+
left: 50%
|
89
|
+
margin-left: -$popoverArrowWidth
|
90
|
+
border-width: 0 $popoverArrowWidth $popoverArrowWidth
|
91
|
+
border-bottom-color: $popoverArrowColor
|
92
|
+
&:after
|
93
|
+
border-width: 0 $popoverArrowOuterWidth $popoverArrowOuterWidth
|
94
|
+
border-bottom-color: $popoverArrowOuterColor
|
95
|
+
top: -1px
|
96
|
+
left: -$popoverArrowOuterWidth
|
97
|
+
|
98
|
+
&.left .arrow
|
99
|
+
top: 50%
|
100
|
+
right: -$popoverArrowWidth
|
101
|
+
margin-top: -$popoverArrowWidth
|
102
|
+
border-width: $popoverArrowWidth 0 $popoverArrowWidth $popoverArrowWidth
|
103
|
+
border-left-color: $popoverArrowColor
|
104
|
+
&:after
|
105
|
+
border-width: $popoverArrowOuterWidth 0 $popoverArrowOuterWidth $popoverArrowOuterWidth
|
106
|
+
border-left-color: $popoverArrowOuterColor
|
107
|
+
bottom: -$popoverArrowOuterWidth
|
108
|
+
right: -1px
|
@@ -1,5 +1,6 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
3
4
|
|
4
5
|
|
5
6
|
// ANIMATIONS
|
@@ -48,8 +49,8 @@
|
|
48
49
|
// Outer container
|
49
50
|
.progress
|
50
51
|
overflow: hidden
|
51
|
-
height:
|
52
|
-
margin-bottom:
|
52
|
+
height: $baseLineHeight
|
53
|
+
margin-bottom: $baseLineHeight
|
53
54
|
+gradient-vertical(#f5f5f5, #f9f9f9)
|
54
55
|
+box-shadow(inset 0 1px 2px rgba(0,0,0,.1))
|
55
56
|
+border-radius(4px)
|
@@ -57,8 +58,9 @@
|
|
57
58
|
// Bar of progress
|
58
59
|
.progress .bar
|
59
60
|
width: 0%
|
60
|
-
height:
|
61
|
+
height: 100%
|
61
62
|
color: $white
|
63
|
+
float: left
|
62
64
|
font-size: 12px
|
63
65
|
text-align: center
|
64
66
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
|
@@ -66,6 +68,9 @@
|
|
66
68
|
+box-shadow(inset 0 -1px 0 rgba(0,0,0,.15))
|
67
69
|
+box-sizing(border-box)
|
68
70
|
+transition(width .6s ease)
|
71
|
+
.progress .bar + .bar
|
72
|
+
$shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)
|
73
|
+
+box-shadow($shadow)
|
69
74
|
|
70
75
|
// Striped bars
|
71
76
|
.progress-striped .bar
|
@@ -86,29 +91,29 @@
|
|
86
91
|
// ------
|
87
92
|
|
88
93
|
// Danger (red)
|
89
|
-
.progress-danger .bar
|
94
|
+
.progress-danger .bar, .progress .bar-danger
|
90
95
|
+gradient-vertical(#ee5f5b, #c43c35)
|
91
96
|
|
92
|
-
.progress-danger.progress-striped .bar
|
97
|
+
.progress-danger.progress-striped .bar, .progress-striped .bar-danger
|
93
98
|
+gradient-striped(#ee5f5b)
|
94
99
|
|
95
100
|
// Success (green)
|
96
|
-
.progress-success .bar
|
101
|
+
.progress-success .bar, .progress .bar-success
|
97
102
|
+gradient-vertical(#62c462, #57a957)
|
98
103
|
|
99
|
-
.progress-success.progress-striped .bar
|
104
|
+
.progress-success.progress-striped .bar, .progress-striped .bar-success
|
100
105
|
+gradient-striped(#62c462)
|
101
106
|
|
102
107
|
// Info (teal)
|
103
|
-
.progress-info .bar
|
108
|
+
.progress-info .bar, .progress .bar-info
|
104
109
|
+gradient-vertical(#5bc0de, #339bb9)
|
105
110
|
|
106
|
-
.progress-info.progress-striped .bar
|
111
|
+
.progress-info.progress-striped .bar, .progress-striped .bar-info
|
107
112
|
+gradient-striped(#5bc0de)
|
108
113
|
|
109
114
|
// Warning (orange)
|
110
|
-
.progress-warning .bar
|
115
|
+
.progress-warning .bar, .progress .bar-warning
|
111
116
|
+gradient-vertical(lighten($orange, 15%), $orange)
|
112
117
|
|
113
|
-
.progress-warning.progress-striped .bar
|
118
|
+
.progress-warning.progress-striped .bar, .progress-striped .bar-warning
|
114
119
|
+gradient-striped(lighten($orange, 15%))
|
@@ -1,5 +1,8 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Reset
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
4
|
+
// --------------------------------------------------
|
5
|
+
|
3
6
|
|
4
7
|
// Display in IE6-9 and FF3
|
5
8
|
// -------------------------
|
@@ -67,6 +70,7 @@ sub
|
|
67
70
|
|
68
71
|
img
|
69
72
|
max-width: 100% // Make images inherently responsive
|
73
|
+
height: auto // Make images inherently responsive
|
70
74
|
vertical-align: middle
|
71
75
|
border: 0
|
72
76
|
-ms-interpolation-mode: bicubic
|