anjlab-bootstrap-rails 2.0.1.1 → 2.0.2.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.
- data/README.md +2 -1
- data/lib/bootstrap-rails/version.rb +1 -1
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +1 -1
- data/vendor/assets/javascripts/bootstrap-carousel.js +7 -3
- data/vendor/assets/javascripts/bootstrap-collapse.js +4 -2
- data/vendor/assets/javascripts/bootstrap-dropdown.js +1 -1
- data/vendor/assets/javascripts/bootstrap-modal.js +1 -1
- data/vendor/assets/javascripts/bootstrap-popover.js +1 -1
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +1 -1
- data/vendor/assets/javascripts/bootstrap-tab.js +1 -1
- data/vendor/assets/javascripts/bootstrap-tooltip.js +2 -2
- data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/bootstrap-typeahead.js +7 -7
- data/vendor/assets/stylesheets/alerts.scss +2 -14
- data/vendor/assets/stylesheets/badges.scss +36 -0
- data/vendor/assets/stylesheets/bootstrap.scss +2 -1
- data/vendor/assets/stylesheets/breadcrumbs.scss +2 -0
- data/vendor/assets/stylesheets/button-groups.scss +31 -7
- data/vendor/assets/stylesheets/buttons.scss +17 -13
- data/vendor/assets/stylesheets/code.scss +2 -2
- data/vendor/assets/stylesheets/component-animations.scss +3 -1
- data/vendor/assets/stylesheets/dropdowns.scss +45 -27
- data/vendor/assets/stylesheets/forms.scss +75 -42
- data/vendor/assets/stylesheets/grid.scss +2 -5
- data/vendor/assets/stylesheets/hero-unit.scss +3 -1
- data/vendor/assets/stylesheets/labels.scss +8 -2
- data/vendor/assets/stylesheets/mixins.scss +174 -135
- data/vendor/assets/stylesheets/modals.scss +12 -5
- data/vendor/assets/stylesheets/navbar.scss +77 -35
- data/vendor/assets/stylesheets/navs.scss +19 -9
- data/vendor/assets/stylesheets/pager.scss +6 -0
- data/vendor/assets/stylesheets/pagination.scss +1 -0
- data/vendor/assets/stylesheets/progress-bars.scss +15 -1
- data/vendor/assets/stylesheets/reset.scss +1 -1
- data/vendor/assets/stylesheets/responsive.scss +72 -28
- data/vendor/assets/stylesheets/scaffolding.scss +4 -4
- data/vendor/assets/stylesheets/tables.scss +15 -13
- data/vendor/assets/stylesheets/type.scss +21 -5
- data/vendor/assets/stylesheets/variables.scss +92 -6
- data/vendor/assets/stylesheets/wells.scss +10 -0
- metadata +12 -11
@@ -14,7 +14,7 @@ pre {
|
|
14
14
|
|
15
15
|
// Inline code
|
16
16
|
code {
|
17
|
-
padding:
|
17
|
+
padding: 2px 4px;
|
18
18
|
color: #d14;
|
19
19
|
background-color: #f7f7f9;
|
20
20
|
border: 1px solid #e1e1e8;
|
@@ -25,7 +25,7 @@ pre {
|
|
25
25
|
display: block;
|
26
26
|
padding: ($baseLineHeight - 1) / 2;
|
27
27
|
margin: 0 0 $baseLineHeight / 2;
|
28
|
-
font-size: 12px
|
28
|
+
font-size: $baseFontSize * .925; // 13px to 12px
|
29
29
|
line-height: $baseLineHeight;
|
30
30
|
background-color: #f5f5f5;
|
31
31
|
border: 1px solid #ccc; // fallback for IE7-8
|
@@ -13,22 +13,22 @@
|
|
13
13
|
.open .dropdown-toggle {
|
14
14
|
outline: 0;
|
15
15
|
}
|
16
|
+
|
16
17
|
// Dropdown arrow/caret
|
18
|
+
// --------------------
|
17
19
|
.caret {
|
18
20
|
display: inline-block;
|
19
21
|
width: 0;
|
20
22
|
height: 0;
|
21
|
-
text-indent: -99999px;
|
22
|
-
// IE7 won't do the border trick if there's a text indent, but it doesn't
|
23
|
-
// do the content that text-indent is hiding, either, so we're ok.
|
24
|
-
*text-indent: 0;
|
25
23
|
vertical-align: top;
|
26
24
|
border-left: 4px solid transparent;
|
27
25
|
border-right: 4px solid transparent;
|
28
26
|
border-top: 4px solid $black;
|
29
27
|
@include opacity(30);
|
30
|
-
content: "
|
28
|
+
content: "";
|
31
29
|
}
|
30
|
+
|
31
|
+
// Place the caret
|
32
32
|
.dropdown .caret {
|
33
33
|
margin-top: 8px;
|
34
34
|
margin-left: 2px;
|
@@ -37,7 +37,9 @@
|
|
37
37
|
.open.dropdown .caret {
|
38
38
|
@include opacity(100);
|
39
39
|
}
|
40
|
+
|
40
41
|
// The dropdown menu (ul)
|
42
|
+
// ----------------------
|
41
43
|
.dropdown-menu {
|
42
44
|
position: absolute;
|
43
45
|
top: 100%;
|
@@ -46,11 +48,10 @@
|
|
46
48
|
float: left;
|
47
49
|
display: none; // none by default, but block on "open" of the menu
|
48
50
|
min-width: 160px;
|
49
|
-
_width: 160px;
|
50
51
|
padding: 4px 0;
|
51
52
|
margin: 0; // override default ul
|
52
53
|
list-style: none;
|
53
|
-
background-color: $
|
54
|
+
background-color: $dropdownBackground;
|
54
55
|
border-color: #ccc;
|
55
56
|
border-color: rgba(0,0,0,.2);
|
56
57
|
border-style: solid;
|
@@ -63,27 +64,15 @@
|
|
63
64
|
*border-right-width: 2px;
|
64
65
|
*border-bottom-width: 2px;
|
65
66
|
|
66
|
-
//
|
67
|
-
&.
|
68
|
-
|
69
|
-
|
70
|
-
margin-bottom: 2px;
|
67
|
+
// Aligns the dropdown menu to right
|
68
|
+
&.pull-right {
|
69
|
+
right: 0;
|
70
|
+
left: auto;
|
71
71
|
}
|
72
72
|
|
73
73
|
// Dividers (basically an hr) within the dropdown
|
74
74
|
.divider {
|
75
|
-
|
76
|
-
margin: 5px 1px;
|
77
|
-
overflow: hidden;
|
78
|
-
background-color: #e5e5e5;
|
79
|
-
border-bottom: 1px solid $white;
|
80
|
-
|
81
|
-
// IE7 needs a set width since we gave a height. Restricting just
|
82
|
-
// to IE7 to keep the 1px left/right space in other browsers.
|
83
|
-
// It is unclear where IE is getting the extra space that we need
|
84
|
-
// to negative-margin away, but so it goes.
|
85
|
-
*width: 100%;
|
86
|
-
*margin: -5px 0 5px;
|
75
|
+
@include nav-divider();
|
87
76
|
}
|
88
77
|
|
89
78
|
// Links within the dropdown menu
|
@@ -93,21 +82,23 @@
|
|
93
82
|
clear: both;
|
94
83
|
font-weight: normal;
|
95
84
|
line-height: $baseLineHeight;
|
96
|
-
color: $
|
85
|
+
color: $dropdownLinkColor;
|
97
86
|
white-space: nowrap;
|
98
87
|
}
|
99
88
|
}
|
100
89
|
|
101
90
|
// Hover state
|
91
|
+
// -----------
|
102
92
|
.dropdown-menu li > a:hover,
|
103
93
|
.dropdown-menu .active > a,
|
104
94
|
.dropdown-menu .active > a:hover {
|
105
|
-
color: $
|
95
|
+
color: $dropdownLinkColorHover;
|
106
96
|
text-decoration: none;
|
107
|
-
background-color: $
|
97
|
+
background-color: $dropdownLinkBackgroundHover;
|
108
98
|
}
|
109
99
|
|
110
100
|
// Open state for the dropdown
|
101
|
+
// ---------------------------
|
111
102
|
.dropdown.open {
|
112
103
|
// IE7's z-index only goes to the nearest positioned ancestor, which would
|
113
104
|
// make the menu appear below buttons that appeared later on the page
|
@@ -123,7 +114,34 @@
|
|
123
114
|
}
|
124
115
|
}
|
125
116
|
|
117
|
+
// Right aligned dropdowns
|
118
|
+
.pull-right .dropdown-menu {
|
119
|
+
left: auto;
|
120
|
+
right: 0;
|
121
|
+
}
|
122
|
+
|
123
|
+
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
124
|
+
// ------------------------------------------------------
|
125
|
+
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
126
|
+
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
127
|
+
.dropup,
|
128
|
+
.navbar-fixed-bottom .dropdown {
|
129
|
+
// Reverse the caret
|
130
|
+
.caret {
|
131
|
+
border-top: 0;
|
132
|
+
border-bottom: 4px solid $black;
|
133
|
+
content: "\2191";
|
134
|
+
}
|
135
|
+
// Different positioning for bottom up menu
|
136
|
+
.dropdown-menu {
|
137
|
+
top: auto;
|
138
|
+
bottom: 100%;
|
139
|
+
margin-bottom: 1px;
|
140
|
+
}
|
141
|
+
}
|
142
|
+
|
126
143
|
// Typeahead
|
144
|
+
// ---------
|
127
145
|
.typeahead {
|
128
146
|
margin-top: 2px; // give it some space to breathe
|
129
147
|
@include border-radius(4px);
|
@@ -48,7 +48,7 @@ input,
|
|
48
48
|
button,
|
49
49
|
select,
|
50
50
|
textarea {
|
51
|
-
|
51
|
+
font-family: $baseFontFamily; // And only set font-family here for those that need it (note the missing label element)
|
52
52
|
}
|
53
53
|
|
54
54
|
// Identify controls by their labels
|
@@ -71,7 +71,7 @@ select,
|
|
71
71
|
font-size: $baseFontSize;
|
72
72
|
line-height: $baseLineHeight;
|
73
73
|
color: $gray;
|
74
|
-
border: 1px solid
|
74
|
+
border: 1px solid $inputBorder;
|
75
75
|
@include border-radius(3px);
|
76
76
|
}
|
77
77
|
.uneditable-textarea {
|
@@ -110,7 +110,7 @@ input[type="file"] {
|
|
110
110
|
padding: initial;
|
111
111
|
line-height: initial;
|
112
112
|
border: initial;
|
113
|
-
background-color: $
|
113
|
+
background-color: $inputBackground;
|
114
114
|
background-color: initial;
|
115
115
|
@include box-shadow(none);
|
116
116
|
}
|
@@ -139,7 +139,7 @@ input[type="file"] {
|
|
139
139
|
// Chrome on Linux and Mobile Safari need background-color
|
140
140
|
select {
|
141
141
|
width: 220px; // default input width + 10px of padding that doesn't get applied
|
142
|
-
background-color: $
|
142
|
+
background-color: $inputBackground;
|
143
143
|
}
|
144
144
|
|
145
145
|
// Make multiple select elements height not fixed
|
@@ -253,7 +253,7 @@ textarea[class*="span"],
|
|
253
253
|
// GRID SIZING FOR INPUTS
|
254
254
|
// ----------------------
|
255
255
|
|
256
|
-
@include
|
256
|
+
@include grid-input($gridColumnWidth, $gridGutterWidth);
|
257
257
|
|
258
258
|
|
259
259
|
|
@@ -269,7 +269,7 @@ textarea[disabled],
|
|
269
269
|
input[readonly],
|
270
270
|
select[readonly],
|
271
271
|
textarea[readonly] {
|
272
|
-
background-color:
|
272
|
+
background-color: $inputDisabledBackground;
|
273
273
|
border-color: #ddd;
|
274
274
|
cursor: not-allowed;
|
275
275
|
}
|
@@ -315,14 +315,15 @@ select:focus:required:invalid {
|
|
315
315
|
padding: ($baseLineHeight - 1) 20px $baseLineHeight;
|
316
316
|
margin-top: $baseLineHeight;
|
317
317
|
margin-bottom: $baseLineHeight;
|
318
|
-
background-color:
|
318
|
+
background-color: $grayLighter;
|
319
319
|
border-top: 1px solid #ddd;
|
320
|
+
@include clearfix(); // Adding clearfix to allow for .pull-right button containers
|
320
321
|
}
|
321
322
|
|
322
323
|
// For text that needs to appear as an input but should not be an input
|
323
324
|
.uneditable-input {
|
324
325
|
display: block;
|
325
|
-
background-color: $
|
326
|
+
background-color: $inputBackground;
|
326
327
|
border-color: #eee;
|
327
328
|
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
328
329
|
cursor: not-allowed;
|
@@ -336,17 +337,19 @@ select:focus:required:invalid {
|
|
336
337
|
// HELP TEXT
|
337
338
|
// ---------
|
338
339
|
|
340
|
+
.help-block,
|
341
|
+
.help-inline {
|
342
|
+
color: $gray; // lighten the text some for contrast
|
343
|
+
}
|
344
|
+
|
339
345
|
.help-block {
|
340
346
|
display: block; // account for any element using help-block
|
341
|
-
margin-
|
342
|
-
margin-bottom: 0;
|
343
|
-
color: $grayLight;
|
347
|
+
margin-bottom: $baseLineHeight / 2;
|
344
348
|
}
|
345
349
|
|
346
350
|
.help-inline {
|
347
351
|
display: inline-block;
|
348
352
|
@include ie7-inline-block();
|
349
|
-
margin-bottom: 9px;
|
350
353
|
vertical-align: middle;
|
351
354
|
padding-left: 5px;
|
352
355
|
}
|
@@ -360,9 +363,10 @@ select:focus:required:invalid {
|
|
360
363
|
.input-prepend,
|
361
364
|
.input-append {
|
362
365
|
margin-bottom: 5px;
|
363
|
-
@include clearfix(); // Clear the float to prevent wrapping
|
364
366
|
input,
|
367
|
+
select,
|
365
368
|
.uneditable-input {
|
369
|
+
*margin-left: 0;
|
366
370
|
@include border-radius(0 3px 3px 0);
|
367
371
|
&:focus {
|
368
372
|
position: relative;
|
@@ -373,20 +377,21 @@ select:focus:required:invalid {
|
|
373
377
|
border-left-color: #ccc;
|
374
378
|
}
|
375
379
|
.add-on {
|
376
|
-
|
377
|
-
display: block;
|
380
|
+
display: inline-block;
|
378
381
|
width: auto;
|
379
382
|
min-width: 16px;
|
380
383
|
height: $baseLineHeight;
|
381
|
-
margin-right: -1px;
|
382
384
|
padding: 4px 5px;
|
383
385
|
font-weight: normal;
|
384
386
|
line-height: $baseLineHeight;
|
385
|
-
color: $grayLight;
|
386
387
|
text-align: center;
|
387
388
|
text-shadow: 0 1px 0 $white;
|
388
|
-
|
389
|
+
vertical-align: middle;
|
390
|
+
background-color: $grayLighter;
|
389
391
|
border: 1px solid #ccc;
|
392
|
+
}
|
393
|
+
.add-on,
|
394
|
+
.btn {
|
390
395
|
@include border-radius(3px 0 0 3px);
|
391
396
|
}
|
392
397
|
.active {
|
@@ -395,33 +400,43 @@ select:focus:required:invalid {
|
|
395
400
|
}
|
396
401
|
}
|
397
402
|
.input-prepend {
|
398
|
-
.add-on
|
399
|
-
|
403
|
+
.add-on,
|
404
|
+
.btn {
|
405
|
+
margin-right: -1px;
|
400
406
|
}
|
401
407
|
}
|
402
408
|
.input-append {
|
403
409
|
input,
|
410
|
+
select
|
404
411
|
.uneditable-input {
|
405
|
-
float: left;
|
406
412
|
@include border-radius(3px 0 0 3px);
|
407
413
|
}
|
408
414
|
.uneditable-input {
|
409
415
|
border-left-color: #eee;
|
410
416
|
border-right-color: #ccc;
|
411
417
|
}
|
412
|
-
.add-on
|
413
|
-
|
418
|
+
.add-on,
|
419
|
+
.btn {
|
414
420
|
margin-left: -1px;
|
415
421
|
@include border-radius(0 3px 3px 0);
|
416
422
|
}
|
417
|
-
|
418
|
-
|
419
|
-
|
420
|
-
|
421
|
-
|
422
|
-
|
423
|
-
|
423
|
+
}
|
424
|
+
// Remove all border-radius for inputs with both prepend and append
|
425
|
+
.input-prepend.input-append {
|
426
|
+
input,
|
427
|
+
select,
|
428
|
+
.uneditable-input {
|
429
|
+
@include border-radius(0);
|
430
|
+
}
|
431
|
+
.add-on:first-child,
|
432
|
+
.btn:first-child {
|
433
|
+
margin-right: -1px;
|
434
|
+
@include border-radius(3px 0 0 3px);
|
424
435
|
}
|
436
|
+
.add-on:last-child,
|
437
|
+
.btn:last-child {
|
438
|
+
margin-left: -1px;
|
439
|
+
@include border-radius(0 3px 3px 0);
|
425
440
|
}
|
426
441
|
}
|
427
442
|
|
@@ -452,7 +467,9 @@ select:focus:required:invalid {
|
|
452
467
|
textarea,
|
453
468
|
select,
|
454
469
|
.help-inline,
|
455
|
-
.uneditable-input
|
470
|
+
.uneditable-input,
|
471
|
+
.input-prepend,
|
472
|
+
.input-append {
|
456
473
|
display: inline-block;
|
457
474
|
margin-bottom: 0;
|
458
475
|
}
|
@@ -462,28 +479,35 @@ select:focus:required:invalid {
|
|
462
479
|
}
|
463
480
|
}
|
464
481
|
.form-search label,
|
465
|
-
.form-inline label
|
482
|
+
.form-inline label {
|
483
|
+
display: inline-block;
|
484
|
+
}
|
485
|
+
// Remove margin for input-prepend/-append
|
466
486
|
.form-search .input-append,
|
467
487
|
.form-inline .input-append,
|
468
488
|
.form-search .input-prepend,
|
469
489
|
.form-inline .input-prepend {
|
470
|
-
|
471
|
-
}
|
472
|
-
// Make the prepend and append add-on vertical-align: middle;
|
473
|
-
.form-search .input-append .add-on,
|
474
|
-
.form-inline .input-prepend .add-on,
|
475
|
-
.form-search .input-append .add-on,
|
476
|
-
.form-inline .input-prepend .add-on {
|
477
|
-
vertical-align: middle;
|
490
|
+
margin-bottom: 0;
|
478
491
|
}
|
479
|
-
// Inline checkbox/radio labels
|
492
|
+
// Inline checkbox/radio labels (remove padding on left)
|
480
493
|
.form-search .radio,
|
481
|
-
.form-inline .radio,
|
482
494
|
.form-search .checkbox,
|
495
|
+
.form-inline .radio,
|
483
496
|
.form-inline .checkbox {
|
497
|
+
padding-left: 0;
|
484
498
|
margin-bottom: 0;
|
485
499
|
vertical-align: middle;
|
486
500
|
}
|
501
|
+
// Remove float and margin, set to inline-block
|
502
|
+
.form-search .radio input[type="radio"],
|
503
|
+
.form-search .checkbox input[type="checkbox"],
|
504
|
+
.form-inline .radio input[type="radio"],
|
505
|
+
.form-inline .checkbox input[type="checkbox"] {
|
506
|
+
float: left;
|
507
|
+
margin-left: 0;
|
508
|
+
margin-right: 3px;
|
509
|
+
}
|
510
|
+
|
487
511
|
|
488
512
|
// Margin to space out fieldsets
|
489
513
|
.control-group {
|
@@ -515,6 +539,15 @@ legend + .control-group {
|
|
515
539
|
// Move over all input controls and content
|
516
540
|
.controls {
|
517
541
|
margin-left: 160px;
|
542
|
+
/* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */
|
543
|
+
*display: inline-block;
|
544
|
+
*margin-left: 0;
|
545
|
+
*padding-left: 20px;
|
546
|
+
}
|
547
|
+
// Remove bottom margin on block level help text since that's accounted for on .control-group
|
548
|
+
.help-block {
|
549
|
+
margin-top: $baseLineHeight / 2;
|
550
|
+
margin-bottom: 0;
|
518
551
|
}
|
519
552
|
// Move over buttons in .form-actions to align with .controls
|
520
553
|
.form-actions {
|
@@ -1,8 +1,5 @@
|
|
1
|
-
// GRID SYSTEM
|
2
|
-
// -----------
|
3
|
-
|
4
1
|
// Fixed (940px)
|
5
|
-
@include grid-
|
2
|
+
@include grid-core($gridColumnWidth, $gridGutterWidth);
|
6
3
|
|
7
4
|
// Fluid (940px)
|
8
|
-
@include
|
5
|
+
@include grid-fluid($fluidGridColumnWidth, $fluidGridGutterWidth);
|
@@ -4,17 +4,19 @@
|
|
4
4
|
.hero-unit {
|
5
5
|
padding: 60px;
|
6
6
|
margin-bottom: 30px;
|
7
|
-
background-color:
|
7
|
+
background-color: $heroUnitBackground;
|
8
8
|
@include border-radius(6px);
|
9
9
|
h1 {
|
10
10
|
margin-bottom: 0;
|
11
11
|
font-size: 60px;
|
12
12
|
line-height: 1;
|
13
|
+
color: $heroUnitHeadingColor;
|
13
14
|
letter-spacing: -1px;
|
14
15
|
}
|
15
16
|
p {
|
16
17
|
font-size: 18px;
|
17
18
|
font-weight: 200;
|
18
19
|
line-height: $baseLineHeight * 1.5;
|
20
|
+
color: $heroUnitLeadColor;
|
19
21
|
}
|
20
22
|
}
|