bootstrapped 1.0.1 → 2.0.3
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.
- data/.gitmodules +3 -0
- data/README.rdoc +7 -1
- data/bootstrapped.gemspec +1 -1
- data/lib/bootstrapped/engine.rb +1 -1
- data/lib/bootstrapped/version.rb +2 -1
- data/vendor/assets/javascripts/bootstrap-alert.js +28 -29
- data/vendor/assets/javascripts/bootstrap-button.js +32 -34
- data/vendor/assets/javascripts/bootstrap-carousel.js +34 -19
- data/vendor/assets/javascripts/bootstrap-collapse.js +47 -26
- data/vendor/assets/javascripts/bootstrap-dropdown.js +18 -10
- data/vendor/assets/javascripts/bootstrap-modal.js +26 -18
- data/vendor/assets/javascripts/bootstrap-popover.js +13 -10
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +43 -17
- data/vendor/assets/javascripts/bootstrap-tab.js +12 -7
- data/vendor/assets/javascripts/bootstrap-tooltip.js +40 -35
- data/vendor/assets/javascripts/bootstrap-transition.js +31 -21
- data/vendor/assets/javascripts/bootstrap-typeahead.js +30 -16
- data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap-responsive.css +808 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap.css +2314 -850
- data/vendor/less/twitter/bootstrap/less/accordion.less +5 -0
- data/vendor/less/twitter/bootstrap/less/alerts.less +2 -14
- data/vendor/less/twitter/bootstrap/less/bootstrap.less +2 -2
- data/vendor/less/twitter/bootstrap/less/breadcrumbs.less +3 -1
- data/vendor/less/twitter/bootstrap/less/button-groups.less +78 -34
- data/vendor/less/twitter/bootstrap/less/buttons.less +53 -27
- data/vendor/less/twitter/bootstrap/less/carousel.less +0 -0
- data/vendor/less/twitter/bootstrap/less/close.less +12 -1
- data/vendor/less/twitter/bootstrap/less/code.less +18 -5
- data/vendor/less/twitter/bootstrap/less/component-animations.less +9 -7
- data/vendor/less/twitter/bootstrap/less/dropdowns.less +59 -47
- data/vendor/less/twitter/bootstrap/less/forms.less +167 -98
- data/vendor/less/twitter/bootstrap/less/grid.less +2 -5
- data/vendor/less/twitter/bootstrap/less/hero-unit.less +3 -1
- data/vendor/less/twitter/bootstrap/less/labels-badges.less +55 -0
- data/vendor/less/twitter/bootstrap/less/layouts.less +1 -1
- data/vendor/less/twitter/bootstrap/less/mixins.less +261 -167
- data/vendor/less/twitter/bootstrap/less/modals.less +22 -4
- data/vendor/less/twitter/bootstrap/less/navbar.less +147 -75
- data/vendor/less/twitter/bootstrap/less/navs.less +72 -53
- data/vendor/less/twitter/bootstrap/less/pager.less +6 -0
- data/vendor/less/twitter/bootstrap/less/pagination.less +1 -0
- data/vendor/less/twitter/bootstrap/less/popovers.less +0 -0
- data/vendor/less/twitter/bootstrap/less/progress-bars.less +27 -5
- data/vendor/less/twitter/bootstrap/less/reset.less +4 -4
- data/vendor/less/twitter/bootstrap/less/responsive-1200px-min.less +26 -0
- data/vendor/less/twitter/bootstrap/less/responsive-767px-max.less +149 -0
- data/vendor/less/twitter/bootstrap/less/responsive-768px-979px.less +17 -0
- data/vendor/less/twitter/bootstrap/less/responsive-navbar.less +146 -0
- data/vendor/less/twitter/bootstrap/less/responsive-utilities.less +41 -0
- data/vendor/less/twitter/bootstrap/less/responsive.less +14 -289
- data/vendor/less/twitter/bootstrap/less/scaffolding.less +4 -4
- data/vendor/less/twitter/bootstrap/less/sprites.less +47 -12
- data/vendor/less/twitter/bootstrap/less/tables.less +59 -22
- data/vendor/less/twitter/bootstrap/less/thumbnails.less +15 -3
- data/vendor/less/twitter/bootstrap/less/tooltip.less +0 -0
- data/vendor/less/twitter/bootstrap/less/type.less +30 -12
- data/vendor/less/twitter/bootstrap/less/utilities.less +0 -0
- data/vendor/less/twitter/bootstrap/less/variables.less +119 -13
- data/vendor/less/twitter/bootstrap/less/wells.less +10 -0
- metadata +30 -22
@@ -21,36 +21,47 @@
|
|
21
21
|
background-color: @grayLighter;
|
22
22
|
}
|
23
23
|
|
24
|
+
// Redeclare pull classes because of specifity
|
25
|
+
.nav > .pull-right {
|
26
|
+
float: right;
|
27
|
+
}
|
28
|
+
|
29
|
+
// Nav headers (for dropdowns and lists)
|
30
|
+
.nav .nav-header {
|
31
|
+
display: block;
|
32
|
+
padding: 3px 15px;
|
33
|
+
font-size: 11px;
|
34
|
+
font-weight: bold;
|
35
|
+
line-height: @baseLineHeight;
|
36
|
+
color: @grayLight;
|
37
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
38
|
+
text-transform: uppercase;
|
39
|
+
}
|
40
|
+
// Space them out when they follow another list item (link)
|
41
|
+
.nav li + .nav-header {
|
42
|
+
margin-top: 9px;
|
43
|
+
}
|
24
44
|
|
25
45
|
|
26
46
|
// NAV LIST
|
27
47
|
// --------
|
28
48
|
|
29
49
|
.nav-list {
|
30
|
-
padding-left:
|
31
|
-
padding-right:
|
50
|
+
padding-left: 15px;
|
51
|
+
padding-right: 15px;
|
32
52
|
margin-bottom: 0;
|
33
53
|
}
|
34
54
|
.nav-list > li > a,
|
35
55
|
.nav-list .nav-header {
|
36
|
-
display: block;
|
37
|
-
padding: 3px 15px;
|
38
56
|
margin-left: -15px;
|
39
57
|
margin-right: -15px;
|
40
58
|
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
41
59
|
}
|
42
|
-
.nav-list
|
43
|
-
|
44
|
-
font-weight: bold;
|
45
|
-
line-height: @baseLineHeight;
|
46
|
-
color: @grayLight;
|
47
|
-
text-transform: uppercase;
|
48
|
-
}
|
49
|
-
.nav-list > li + .nav-header {
|
50
|
-
margin-top: 9px;
|
60
|
+
.nav-list > li > a {
|
61
|
+
padding: 3px 15px;
|
51
62
|
}
|
52
|
-
.nav-list .active > a,
|
53
|
-
.nav-list .active > a:hover {
|
63
|
+
.nav-list > .active > a,
|
64
|
+
.nav-list > .active > a:hover {
|
54
65
|
color: @white;
|
55
66
|
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
56
67
|
background-color: @linkColor;
|
@@ -58,6 +69,10 @@
|
|
58
69
|
.nav-list [class^="icon-"] {
|
59
70
|
margin-right: 2px;
|
60
71
|
}
|
72
|
+
// Dividers (basically an hr) within the dropdown
|
73
|
+
.nav-list .divider {
|
74
|
+
.nav-divider();
|
75
|
+
}
|
61
76
|
|
62
77
|
|
63
78
|
|
@@ -88,16 +103,15 @@
|
|
88
103
|
.nav-tabs {
|
89
104
|
border-bottom: 1px solid #ddd;
|
90
105
|
}
|
91
|
-
|
92
106
|
// Make the list-items overlay the bottom border
|
93
107
|
.nav-tabs > li {
|
94
108
|
margin-bottom: -1px;
|
95
109
|
}
|
96
|
-
|
97
110
|
// Actual tabs (as links)
|
98
111
|
.nav-tabs > li > a {
|
99
|
-
padding-top:
|
100
|
-
padding-bottom:
|
112
|
+
padding-top: 8px;
|
113
|
+
padding-bottom: 8px;
|
114
|
+
line-height: @baseLineHeight;
|
101
115
|
border: 1px solid transparent;
|
102
116
|
.border-radius(4px 4px 0 0);
|
103
117
|
&:hover {
|
@@ -114,6 +128,7 @@
|
|
114
128
|
cursor: default;
|
115
129
|
}
|
116
130
|
|
131
|
+
|
117
132
|
// PILLS
|
118
133
|
// -----
|
119
134
|
|
@@ -127,8 +142,8 @@
|
|
127
142
|
}
|
128
143
|
|
129
144
|
// Active state
|
130
|
-
.nav-pills .active > a,
|
131
|
-
.nav-pills .active > a:hover {
|
145
|
+
.nav-pills > .active > a,
|
146
|
+
.nav-pills > .active > a:hover {
|
132
147
|
color: @white;
|
133
148
|
background-color: @linkColor;
|
134
149
|
}
|
@@ -178,14 +193,11 @@
|
|
178
193
|
// DROPDOWNS
|
179
194
|
// ---------
|
180
195
|
|
181
|
-
|
182
|
-
.
|
183
|
-
.nav-pills .dropdown-menu {
|
184
|
-
margin-top: 1px;
|
185
|
-
border-width: 1px;
|
196
|
+
.nav-tabs .dropdown-menu {
|
197
|
+
.border-radius(0 0 5px 5px); // remove the top rounded corners here since there is a hard edge above the menu
|
186
198
|
}
|
187
199
|
.nav-pills .dropdown-menu {
|
188
|
-
.border-radius(4px);
|
200
|
+
.border-radius(4px); // make rounded corners match the pills
|
189
201
|
}
|
190
202
|
|
191
203
|
// Default dropdown links
|
@@ -194,11 +206,13 @@
|
|
194
206
|
.nav-tabs .dropdown-toggle .caret,
|
195
207
|
.nav-pills .dropdown-toggle .caret {
|
196
208
|
border-top-color: @linkColor;
|
209
|
+
border-bottom-color: @linkColor;
|
197
210
|
margin-top: 6px;
|
198
211
|
}
|
199
212
|
.nav-tabs .dropdown-toggle:hover .caret,
|
200
213
|
.nav-pills .dropdown-toggle:hover .caret {
|
201
214
|
border-top-color: @linkColorHover;
|
215
|
+
border-bottom-color: @linkColorHover;
|
202
216
|
}
|
203
217
|
|
204
218
|
// Active dropdown links
|
@@ -206,6 +220,7 @@
|
|
206
220
|
.nav-tabs .active .dropdown-toggle .caret,
|
207
221
|
.nav-pills .active .dropdown-toggle .caret {
|
208
222
|
border-top-color: @grayDark;
|
223
|
+
border-bottom-color: @grayDark;
|
209
224
|
}
|
210
225
|
|
211
226
|
// Active:hover dropdown links
|
@@ -219,15 +234,16 @@
|
|
219
234
|
// -------------------------
|
220
235
|
.nav-tabs .open .dropdown-toggle,
|
221
236
|
.nav-pills .open .dropdown-toggle,
|
222
|
-
.nav > .open.active > a:hover {
|
237
|
+
.nav > li.dropdown.open.active > a:hover {
|
223
238
|
color: @white;
|
224
239
|
background-color: @grayLight;
|
225
240
|
border-color: @grayLight;
|
226
241
|
}
|
227
|
-
.nav .open .caret,
|
228
|
-
.nav .open.active .caret,
|
229
|
-
.nav .open a:hover .caret {
|
242
|
+
.nav li.dropdown.open .caret,
|
243
|
+
.nav li.dropdown.open.active .caret,
|
244
|
+
.nav li.dropdown.open a:hover .caret {
|
230
245
|
border-top-color: @white;
|
246
|
+
border-bottom-color: @white;
|
231
247
|
.opacity(100);
|
232
248
|
}
|
233
249
|
|
@@ -249,11 +265,14 @@
|
|
249
265
|
.tabbable {
|
250
266
|
.clearfix();
|
251
267
|
}
|
268
|
+
.tab-content {
|
269
|
+
overflow: auto; // prevent content from running below tabs
|
270
|
+
}
|
252
271
|
|
253
272
|
// Remove border on bottom, left, right
|
254
|
-
.tabs-below .nav-tabs,
|
255
|
-
.tabs-right .nav-tabs,
|
256
|
-
.tabs-left .nav-tabs {
|
273
|
+
.tabs-below > .nav-tabs,
|
274
|
+
.tabs-right > .nav-tabs,
|
275
|
+
.tabs-left > .nav-tabs {
|
257
276
|
border-bottom: 0;
|
258
277
|
}
|
259
278
|
|
@@ -271,22 +290,22 @@
|
|
271
290
|
// BOTTOM
|
272
291
|
// ------
|
273
292
|
|
274
|
-
.tabs-below .nav-tabs {
|
293
|
+
.tabs-below > .nav-tabs {
|
275
294
|
border-top: 1px solid #ddd;
|
276
295
|
}
|
277
|
-
.tabs-below .nav-tabs > li {
|
296
|
+
.tabs-below > .nav-tabs > li {
|
278
297
|
margin-top: -1px;
|
279
298
|
margin-bottom: 0;
|
280
299
|
}
|
281
|
-
.tabs-below .nav-tabs > li > a {
|
300
|
+
.tabs-below > .nav-tabs > li > a {
|
282
301
|
.border-radius(0 0 4px 4px);
|
283
302
|
&:hover {
|
284
303
|
border-bottom-color: transparent;
|
285
304
|
border-top-color: #ddd;
|
286
305
|
}
|
287
306
|
}
|
288
|
-
.tabs-below .nav-tabs .active > a,
|
289
|
-
.tabs-below .nav-tabs .active > a:hover {
|
307
|
+
.tabs-below > .nav-tabs > .active > a,
|
308
|
+
.tabs-below > .nav-tabs > .active > a:hover {
|
290
309
|
border-color: transparent #ddd #ddd #ddd;
|
291
310
|
}
|
292
311
|
|
@@ -294,51 +313,51 @@
|
|
294
313
|
// ------------
|
295
314
|
|
296
315
|
// Common styles
|
297
|
-
.tabs-left .nav-tabs > li,
|
298
|
-
.tabs-right .nav-tabs > li {
|
316
|
+
.tabs-left > .nav-tabs > li,
|
317
|
+
.tabs-right > .nav-tabs > li {
|
299
318
|
float: none;
|
300
319
|
}
|
301
|
-
.tabs-left .nav-tabs > li > a,
|
302
|
-
.tabs-right .nav-tabs > li > a {
|
320
|
+
.tabs-left > .nav-tabs > li > a,
|
321
|
+
.tabs-right > .nav-tabs > li > a {
|
303
322
|
min-width: 74px;
|
304
323
|
margin-right: 0;
|
305
324
|
margin-bottom: 3px;
|
306
325
|
}
|
307
326
|
|
308
327
|
// Tabs on the left
|
309
|
-
.tabs-left .nav-tabs {
|
328
|
+
.tabs-left > .nav-tabs {
|
310
329
|
float: left;
|
311
330
|
margin-right: 19px;
|
312
331
|
border-right: 1px solid #ddd;
|
313
332
|
}
|
314
|
-
.tabs-left .nav-tabs > li > a {
|
333
|
+
.tabs-left > .nav-tabs > li > a {
|
315
334
|
margin-right: -1px;
|
316
335
|
.border-radius(4px 0 0 4px);
|
317
336
|
}
|
318
|
-
.tabs-left .nav-tabs > li > a:hover {
|
337
|
+
.tabs-left > .nav-tabs > li > a:hover {
|
319
338
|
border-color: @grayLighter #ddd @grayLighter @grayLighter;
|
320
339
|
}
|
321
|
-
.tabs-left .nav-tabs .active > a,
|
322
|
-
.tabs-left .nav-tabs .active > a:hover {
|
340
|
+
.tabs-left > .nav-tabs .active > a,
|
341
|
+
.tabs-left > .nav-tabs .active > a:hover {
|
323
342
|
border-color: #ddd transparent #ddd #ddd;
|
324
343
|
*border-right-color: @white;
|
325
344
|
}
|
326
345
|
|
327
346
|
// Tabs on the right
|
328
|
-
.tabs-right .nav-tabs {
|
347
|
+
.tabs-right > .nav-tabs {
|
329
348
|
float: right;
|
330
349
|
margin-left: 19px;
|
331
350
|
border-left: 1px solid #ddd;
|
332
351
|
}
|
333
|
-
.tabs-right .nav-tabs > li > a {
|
352
|
+
.tabs-right > .nav-tabs > li > a {
|
334
353
|
margin-left: -1px;
|
335
354
|
.border-radius(0 4px 4px 0);
|
336
355
|
}
|
337
|
-
.tabs-right .nav-tabs > li > a:hover {
|
356
|
+
.tabs-right > .nav-tabs > li > a:hover {
|
338
357
|
border-color: @grayLighter @grayLighter @grayLighter #ddd;
|
339
358
|
}
|
340
|
-
.tabs-right .nav-tabs .active > a,
|
341
|
-
.tabs-right .nav-tabs .active > a:hover {
|
359
|
+
.tabs-right > .nav-tabs .active > a,
|
360
|
+
.tabs-right > .nav-tabs .active > a:hover {
|
342
361
|
border-color: #ddd #ddd #ddd transparent;
|
343
362
|
*border-left-color: @white;
|
344
363
|
}
|
File without changes
|
@@ -7,20 +7,32 @@
|
|
7
7
|
|
8
8
|
// Webkit
|
9
9
|
@-webkit-keyframes progress-bar-stripes {
|
10
|
-
from { background-position:
|
11
|
-
to { background-position:
|
10
|
+
from { background-position: 40px 0; }
|
11
|
+
to { background-position: 0 0; }
|
12
12
|
}
|
13
13
|
|
14
14
|
// Firefox
|
15
15
|
@-moz-keyframes progress-bar-stripes {
|
16
|
+
from { background-position: 40px 0; }
|
17
|
+
to { background-position: 0 0; }
|
18
|
+
}
|
19
|
+
|
20
|
+
// IE9
|
21
|
+
@-ms-keyframes progress-bar-stripes {
|
22
|
+
from { background-position: 40px 0; }
|
23
|
+
to { background-position: 0 0; }
|
24
|
+
}
|
25
|
+
|
26
|
+
// Opera
|
27
|
+
@-o-keyframes progress-bar-stripes {
|
16
28
|
from { background-position: 0 0; }
|
17
29
|
to { background-position: 40px 0; }
|
18
30
|
}
|
19
31
|
|
20
32
|
// Spec
|
21
33
|
@keyframes progress-bar-stripes {
|
22
|
-
from { background-position:
|
23
|
-
to { background-position:
|
34
|
+
from { background-position: 40px 0; }
|
35
|
+
to { background-position: 0 0; }
|
24
36
|
}
|
25
37
|
|
26
38
|
|
@@ -54,7 +66,7 @@
|
|
54
66
|
|
55
67
|
// Striped bars
|
56
68
|
.progress-striped .bar {
|
57
|
-
#gradient > .striped(#
|
69
|
+
#gradient > .striped(#149bdf);
|
58
70
|
.background-size(40px 40px);
|
59
71
|
}
|
60
72
|
|
@@ -62,6 +74,8 @@
|
|
62
74
|
.progress.active .bar {
|
63
75
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
64
76
|
-moz-animation: progress-bar-stripes 2s linear infinite;
|
77
|
+
-ms-animation: progress-bar-stripes 2s linear infinite;
|
78
|
+
-o-animation: progress-bar-stripes 2s linear infinite;
|
65
79
|
animation: progress-bar-stripes 2s linear infinite;
|
66
80
|
}
|
67
81
|
|
@@ -93,3 +107,11 @@
|
|
93
107
|
.progress-info.progress-striped .bar {
|
94
108
|
#gradient > .striped(#5bc0de);
|
95
109
|
}
|
110
|
+
|
111
|
+
// Warning (orange)
|
112
|
+
.progress-warning .bar {
|
113
|
+
#gradient > .vertical(lighten(@orange, 15%), @orange);
|
114
|
+
}
|
115
|
+
.progress-warning.progress-striped .bar {
|
116
|
+
#gradient > .striped(lighten(@orange, 15%));
|
117
|
+
}
|
@@ -75,8 +75,8 @@ sub {
|
|
75
75
|
// -------------------------
|
76
76
|
|
77
77
|
img {
|
78
|
-
max-width: 100%;
|
79
|
-
|
78
|
+
max-width: 100%; // Make images inherently responsive
|
79
|
+
vertical-align: middle;
|
80
80
|
border: 0;
|
81
81
|
-ms-interpolation-mode: bicubic;
|
82
82
|
}
|
@@ -108,13 +108,13 @@ input[type="button"],
|
|
108
108
|
input[type="reset"],
|
109
109
|
input[type="submit"] {
|
110
110
|
cursor: pointer; // Cursors on all buttons applied consistently
|
111
|
-
-webkit-appearance: button; // Style
|
111
|
+
-webkit-appearance: button; // Style clickable inputs in iOS
|
112
112
|
}
|
113
113
|
input[type="search"] { // Appearance in Safari/Chrome
|
114
|
-
-webkit-appearance: textfield;
|
115
114
|
-webkit-box-sizing: content-box;
|
116
115
|
-moz-box-sizing: content-box;
|
117
116
|
box-sizing: content-box;
|
117
|
+
-webkit-appearance: textfield;
|
118
118
|
}
|
119
119
|
input[type="search"]::-webkit-search-decoration,
|
120
120
|
input[type="search"]::-webkit-search-cancel-button {
|
@@ -0,0 +1,26 @@
|
|
1
|
+
// LARGE DESKTOP & UP
|
2
|
+
// ------------------
|
3
|
+
|
4
|
+
@media (min-width: 1200px) {
|
5
|
+
|
6
|
+
// Fixed grid
|
7
|
+
#grid > .core(70px, 30px);
|
8
|
+
|
9
|
+
// Fluid grid
|
10
|
+
#grid > .fluid(5.982905983%, 2.564102564%);
|
11
|
+
|
12
|
+
// Input grid
|
13
|
+
#grid > .input(70px, 30px);
|
14
|
+
|
15
|
+
// Thumbnails
|
16
|
+
.thumbnails {
|
17
|
+
margin-left: -30px;
|
18
|
+
}
|
19
|
+
.thumbnails > li {
|
20
|
+
margin-left: 30px;
|
21
|
+
}
|
22
|
+
.row-fluid .thumbnails {
|
23
|
+
margin-left: 0;
|
24
|
+
}
|
25
|
+
|
26
|
+
}
|
@@ -0,0 +1,149 @@
|
|
1
|
+
// UP TO LANDSCAPE PHONE
|
2
|
+
// ---------------------
|
3
|
+
|
4
|
+
@media (max-width: 480px) {
|
5
|
+
|
6
|
+
// Smooth out the collapsing/expanding nav
|
7
|
+
.nav-collapse {
|
8
|
+
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
9
|
+
}
|
10
|
+
|
11
|
+
// Block level the page header small tag for readability
|
12
|
+
.page-header h1 small {
|
13
|
+
display: block;
|
14
|
+
line-height: @baseLineHeight;
|
15
|
+
}
|
16
|
+
|
17
|
+
// Update checkboxes for iOS
|
18
|
+
input[type="checkbox"],
|
19
|
+
input[type="radio"] {
|
20
|
+
border: 1px solid #ccc;
|
21
|
+
}
|
22
|
+
|
23
|
+
// Remove the horizontal form styles
|
24
|
+
.form-horizontal .control-group > label {
|
25
|
+
float: none;
|
26
|
+
width: auto;
|
27
|
+
padding-top: 0;
|
28
|
+
text-align: left;
|
29
|
+
}
|
30
|
+
// Move over all input controls and content
|
31
|
+
.form-horizontal .controls {
|
32
|
+
margin-left: 0;
|
33
|
+
}
|
34
|
+
// Move the options list down to align with labels
|
35
|
+
.form-horizontal .control-list {
|
36
|
+
padding-top: 0; // has to be padding because margin collaspes
|
37
|
+
}
|
38
|
+
// Move over buttons in .form-actions to align with .controls
|
39
|
+
.form-horizontal .form-actions {
|
40
|
+
padding-left: 10px;
|
41
|
+
padding-right: 10px;
|
42
|
+
}
|
43
|
+
|
44
|
+
// Modals
|
45
|
+
.modal {
|
46
|
+
position: absolute;
|
47
|
+
top: 10px;
|
48
|
+
left: 10px;
|
49
|
+
right: 10px;
|
50
|
+
width: auto;
|
51
|
+
margin: 0;
|
52
|
+
&.fade.in { top: auto; }
|
53
|
+
}
|
54
|
+
.modal-header .close {
|
55
|
+
padding: 10px;
|
56
|
+
margin: -10px;
|
57
|
+
}
|
58
|
+
|
59
|
+
// Carousel
|
60
|
+
.carousel-caption {
|
61
|
+
position: static;
|
62
|
+
}
|
63
|
+
|
64
|
+
}
|
65
|
+
|
66
|
+
|
67
|
+
|
68
|
+
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
69
|
+
// --------------------------------------------------
|
70
|
+
|
71
|
+
@media (max-width: 767px) {
|
72
|
+
|
73
|
+
// Padding to set content in a bit
|
74
|
+
body {
|
75
|
+
padding-left: 20px;
|
76
|
+
padding-right: 20px;
|
77
|
+
}
|
78
|
+
// Negative indent the now static "fixed" navbar
|
79
|
+
.navbar-fixed-top,
|
80
|
+
.navbar-fixed-bottom {
|
81
|
+
margin-left: -20px;
|
82
|
+
margin-right: -20px;
|
83
|
+
}
|
84
|
+
// Remove padding on container given explicit padding set on body
|
85
|
+
.container-fluid {
|
86
|
+
padding: 0;
|
87
|
+
}
|
88
|
+
|
89
|
+
// TYPOGRAPHY
|
90
|
+
// ----------
|
91
|
+
// Reset horizontal dl
|
92
|
+
.dl-horizontal {
|
93
|
+
dt {
|
94
|
+
float: none;
|
95
|
+
clear: none;
|
96
|
+
width: auto;
|
97
|
+
text-align: left;
|
98
|
+
}
|
99
|
+
dd {
|
100
|
+
margin-left: 0;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
|
104
|
+
// GRID & CONTAINERS
|
105
|
+
// -----------------
|
106
|
+
// Remove width from containers
|
107
|
+
.container {
|
108
|
+
width: auto;
|
109
|
+
}
|
110
|
+
// Fluid rows
|
111
|
+
.row-fluid {
|
112
|
+
width: 100%;
|
113
|
+
}
|
114
|
+
// Undo negative margin on rows and thumbnails
|
115
|
+
.row,
|
116
|
+
.thumbnails {
|
117
|
+
margin-left: 0;
|
118
|
+
}
|
119
|
+
// Make all grid-sized elements block level again
|
120
|
+
[class*="span"],
|
121
|
+
.row-fluid [class*="span"] {
|
122
|
+
float: none;
|
123
|
+
display: block;
|
124
|
+
width: auto;
|
125
|
+
margin-left: 0;
|
126
|
+
}
|
127
|
+
|
128
|
+
// FORM FIELDS
|
129
|
+
// -----------
|
130
|
+
// Make span* classes full width
|
131
|
+
.input-large,
|
132
|
+
.input-xlarge,
|
133
|
+
.input-xxlarge,
|
134
|
+
input[class*="span"],
|
135
|
+
select[class*="span"],
|
136
|
+
textarea[class*="span"],
|
137
|
+
.uneditable-input {
|
138
|
+
.input-block-level();
|
139
|
+
}
|
140
|
+
// But don't let it screw up prepend/append inputs
|
141
|
+
.input-prepend input,
|
142
|
+
.input-append input,
|
143
|
+
.input-prepend input[class*="span"],
|
144
|
+
.input-append input[class*="span"] {
|
145
|
+
display: inline-block; // redeclare so they don't wrap to new lines
|
146
|
+
width: auto;
|
147
|
+
}
|
148
|
+
|
149
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
2
|
+
// ----------------------------------
|
3
|
+
|
4
|
+
@media (min-width: 768px) and (max-width: 979px) {
|
5
|
+
|
6
|
+
// Fixed grid
|
7
|
+
#grid > .core(42px, 20px);
|
8
|
+
|
9
|
+
// Fluid grid
|
10
|
+
#grid > .fluid(5.801104972%, 2.762430939%);
|
11
|
+
|
12
|
+
// Input grid
|
13
|
+
#grid > .input(42px, 20px);
|
14
|
+
|
15
|
+
// No need to reset .thumbnails here since it's the same @gridGutterWidth
|
16
|
+
|
17
|
+
}
|