less-rails-bootstrap 2.2.0 → 2.2.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.
- data/CHANGELOG.md +5 -0
- data/lib/less/rails/bootstrap/version.rb +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/affix.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/alert.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/button.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +11 -2
- data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +15 -4
- data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +16 -3
- data/vendor/assets/javascripts/twitter/bootstrap/modal.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/popover.js +14 -3
- data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +13 -2
- data/vendor/assets/javascripts/twitter/bootstrap/tab.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/transition.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +23 -10
- data/vendor/frameworks/twitter/bootstrap/alerts.less +14 -0
- data/vendor/frameworks/twitter/bootstrap/bootstrap.less +1 -1
- data/vendor/frameworks/twitter/bootstrap/breadcrumbs.less +6 -6
- data/vendor/frameworks/twitter/bootstrap/button-groups.less +27 -42
- data/vendor/frameworks/twitter/bootstrap/buttons.less +5 -7
- data/vendor/frameworks/twitter/bootstrap/carousel.less +15 -15
- data/vendor/frameworks/twitter/bootstrap/close.less +1 -1
- data/vendor/frameworks/twitter/bootstrap/code.less +4 -1
- data/vendor/frameworks/twitter/bootstrap/dropdowns.less +5 -9
- data/vendor/frameworks/twitter/bootstrap/forms.less +12 -8
- data/vendor/frameworks/twitter/bootstrap/labels-badges.less +8 -0
- data/vendor/frameworks/twitter/bootstrap/layouts.less +1 -1
- data/vendor/frameworks/twitter/bootstrap/mixins.less +1 -1
- data/vendor/frameworks/twitter/bootstrap/modals.less +4 -3
- data/vendor/frameworks/twitter/bootstrap/navbar.less +21 -6
- data/vendor/frameworks/twitter/bootstrap/navs.less +6 -0
- data/vendor/frameworks/twitter/bootstrap/pager.less +1 -1
- data/vendor/frameworks/twitter/bootstrap/popovers.less +50 -38
- data/vendor/frameworks/twitter/bootstrap/reset.less +82 -4
- data/vendor/frameworks/twitter/bootstrap/responsive.less +10 -1
- data/vendor/frameworks/twitter/bootstrap/tables.less +35 -34
- data/vendor/frameworks/twitter/bootstrap/type.less +29 -21
- data/vendor/frameworks/twitter/bootstrap/variables.less +2 -2
- metadata +2 -2
@@ -23,11 +23,11 @@
|
|
23
23
|
// Base modal
|
24
24
|
.modal {
|
25
25
|
position: fixed;
|
26
|
-
top:
|
26
|
+
top: 10%;
|
27
27
|
left: 50%;
|
28
28
|
z-index: @zindexModal;
|
29
29
|
width: 560px;
|
30
|
-
margin: -
|
30
|
+
margin-left: -280px;
|
31
31
|
background-color: @white;
|
32
32
|
border: 1px solid #999;
|
33
33
|
border: 1px solid rgba(0,0,0,.3);
|
@@ -42,7 +42,7 @@
|
|
42
42
|
.transition(e('opacity .3s linear, top .3s ease-out'));
|
43
43
|
top: -25%;
|
44
44
|
}
|
45
|
-
&.fade.in { top:
|
45
|
+
&.fade.in { top: 10%; }
|
46
46
|
}
|
47
47
|
.modal-header {
|
48
48
|
padding: 9px 15px;
|
@@ -58,6 +58,7 @@
|
|
58
58
|
|
59
59
|
// Body (where all modal content resides)
|
60
60
|
.modal-body {
|
61
|
+
position: relative;
|
61
62
|
overflow-y: auto;
|
62
63
|
max-height: 400px;
|
63
64
|
padding: 15px;
|
@@ -10,7 +10,6 @@
|
|
10
10
|
.navbar {
|
11
11
|
overflow: visible;
|
12
12
|
margin-bottom: @baseLineHeight;
|
13
|
-
color: @navbarText;
|
14
13
|
|
15
14
|
// Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
|
16
15
|
*position: relative;
|
@@ -67,6 +66,7 @@
|
|
67
66
|
.navbar-text {
|
68
67
|
margin-bottom: 0;
|
69
68
|
line-height: @navbarHeight;
|
69
|
+
color: @navbarText;
|
70
70
|
}
|
71
71
|
|
72
72
|
// Janky solution for now to account for links outside the .nav
|
@@ -123,7 +123,7 @@
|
|
123
123
|
}
|
124
124
|
.input-append,
|
125
125
|
.input-prepend {
|
126
|
-
margin-top:
|
126
|
+
margin-top: 5px;
|
127
127
|
white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
|
128
128
|
input {
|
129
129
|
margin-top: 0; // remove the margin on top since it's on the parent
|
@@ -245,6 +245,7 @@
|
|
245
245
|
}
|
246
246
|
.navbar .nav .dropdown-toggle .caret {
|
247
247
|
margin-top: 8px;
|
248
|
+
|
248
249
|
}
|
249
250
|
|
250
251
|
// Hover
|
@@ -334,6 +335,12 @@
|
|
334
335
|
}
|
335
336
|
}
|
336
337
|
|
338
|
+
// Caret should match text color on hover
|
339
|
+
.navbar .nav li.dropdown > a:hover .caret {
|
340
|
+
border-top-color: @navbarLinkColorActive;
|
341
|
+
border-bottom-color: @navbarLinkColorActive;
|
342
|
+
}
|
343
|
+
|
337
344
|
// Remove background color from open dropdown
|
338
345
|
.navbar .nav li.dropdown.open > .dropdown-toggle,
|
339
346
|
.navbar .nav li.dropdown.active > .dropdown-toggle,
|
@@ -379,7 +386,6 @@
|
|
379
386
|
// -------------------------
|
380
387
|
|
381
388
|
.navbar-inverse {
|
382
|
-
color: @navbarInverseText;
|
383
389
|
|
384
390
|
.navbar-inner {
|
385
391
|
#gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
|
@@ -395,6 +401,14 @@
|
|
395
401
|
}
|
396
402
|
}
|
397
403
|
|
404
|
+
.brand {
|
405
|
+
color: @navbarInverseBrandColor;
|
406
|
+
}
|
407
|
+
|
408
|
+
.navbar-text {
|
409
|
+
color: @navbarInverseText;
|
410
|
+
}
|
411
|
+
|
398
412
|
.nav > li > a:focus,
|
399
413
|
.nav > li > a:hover {
|
400
414
|
background-color: @navbarInverseLinkBackgroundHover;
|
@@ -429,6 +443,10 @@
|
|
429
443
|
background-color: @navbarInverseLinkBackgroundActive;
|
430
444
|
color: @navbarInverseLinkColorActive;
|
431
445
|
}
|
446
|
+
.nav li.dropdown > a:hover .caret {
|
447
|
+
border-top-color: @navbarInverseLinkColorActive;
|
448
|
+
border-bottom-color: @navbarInverseLinkColorActive;
|
449
|
+
}
|
432
450
|
.nav li.dropdown > .dropdown-toggle .caret {
|
433
451
|
border-top-color: @navbarInverseLinkColor;
|
434
452
|
border-bottom-color: @navbarInverseLinkColor;
|
@@ -470,6 +488,3 @@
|
|
470
488
|
}
|
471
489
|
|
472
490
|
}
|
473
|
-
|
474
|
-
|
475
|
-
|
@@ -21,6 +21,12 @@
|
|
21
21
|
background-color: @grayLighter;
|
22
22
|
}
|
23
23
|
|
24
|
+
// Prevent IE8 from misplacing imgs
|
25
|
+
// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
|
26
|
+
.nav > li > a > img {
|
27
|
+
max-width: none;
|
28
|
+
}
|
29
|
+
|
24
30
|
// Redeclare pull classes because of specifity
|
25
31
|
.nav > .pull-right {
|
26
32
|
float: right;
|
@@ -11,6 +11,7 @@
|
|
11
11
|
display: none;
|
12
12
|
width: 236px;
|
13
13
|
padding: 1px;
|
14
|
+
text-align: left; // Reset given new insertion method
|
14
15
|
background-color: @popoverBackground;
|
15
16
|
-webkit-background-clip: padding-box;
|
16
17
|
-moz-background-clip: padding;
|
@@ -20,12 +21,14 @@
|
|
20
21
|
.border-radius(6px);
|
21
22
|
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
22
23
|
|
24
|
+
// Overrides for proper insertion
|
25
|
+
white-space: normal;
|
26
|
+
|
23
27
|
// Offset the popover to account for the popover arrow
|
24
28
|
&.top { margin-top: -10px; }
|
25
29
|
&.right { margin-left: 10px; }
|
26
30
|
&.bottom { margin-top: 10px; }
|
27
31
|
&.left { margin-left: -10px; }
|
28
|
-
|
29
32
|
}
|
30
33
|
|
31
34
|
.popover-title {
|
@@ -41,77 +44,86 @@
|
|
41
44
|
|
42
45
|
.popover-content {
|
43
46
|
padding: 9px 14px;
|
44
|
-
p, ul, ol {
|
45
|
-
margin-bottom: 0;
|
46
|
-
}
|
47
47
|
}
|
48
48
|
|
49
49
|
// Arrows
|
50
|
+
//
|
51
|
+
// .arrow is outer, .arrow:after is inner
|
52
|
+
|
50
53
|
.popover .arrow,
|
51
54
|
.popover .arrow:after {
|
52
55
|
position: absolute;
|
53
|
-
display:
|
56
|
+
display: block;
|
54
57
|
width: 0;
|
55
58
|
height: 0;
|
56
59
|
border-color: transparent;
|
57
60
|
border-style: solid;
|
58
61
|
}
|
62
|
+
.popover .arrow {
|
63
|
+
border-width: @popoverArrowOuterWidth;
|
64
|
+
}
|
59
65
|
.popover .arrow:after {
|
66
|
+
border-width: @popoverArrowWidth;
|
60
67
|
content: "";
|
61
|
-
z-index: -1;
|
62
68
|
}
|
63
69
|
|
64
70
|
.popover {
|
65
71
|
&.top .arrow {
|
66
|
-
bottom: -@popoverArrowWidth;
|
67
72
|
left: 50%;
|
68
|
-
margin-left: -@
|
69
|
-
border-width:
|
70
|
-
border-top-color:
|
73
|
+
margin-left: -@popoverArrowOuterWidth;
|
74
|
+
border-bottom-width: 0;
|
75
|
+
border-top-color: #999; // IE8 fallback
|
76
|
+
border-top-color: @popoverArrowOuterColor;
|
77
|
+
bottom: -@popoverArrowOuterWidth;
|
71
78
|
&:after {
|
72
|
-
|
73
|
-
|
74
|
-
bottom:
|
75
|
-
|
79
|
+
bottom: 1px;
|
80
|
+
margin-left: -@popoverArrowWidth;
|
81
|
+
border-bottom-width: 0;
|
82
|
+
border-top-color: @popoverArrowColor;
|
76
83
|
}
|
77
84
|
}
|
78
85
|
&.right .arrow {
|
79
86
|
top: 50%;
|
80
|
-
left: -@
|
81
|
-
margin-top: -@
|
82
|
-
border-width:
|
83
|
-
border-right-color:
|
87
|
+
left: -@popoverArrowOuterWidth;
|
88
|
+
margin-top: -@popoverArrowOuterWidth;
|
89
|
+
border-left-width: 0;
|
90
|
+
border-right-color: #999; // IE8 fallback
|
91
|
+
border-right-color: @popoverArrowOuterColor;
|
84
92
|
&:after {
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
93
|
+
left: 1px;
|
94
|
+
bottom: -@popoverArrowWidth;
|
95
|
+
border-left-width: 0;
|
96
|
+
border-right-color: @popoverArrowColor;
|
89
97
|
}
|
90
98
|
}
|
91
99
|
&.bottom .arrow {
|
92
|
-
top: -@popoverArrowWidth;
|
93
100
|
left: 50%;
|
94
|
-
margin-left: -@
|
95
|
-
border-width: 0
|
96
|
-
border-bottom-color:
|
101
|
+
margin-left: -@popoverArrowOuterWidth;
|
102
|
+
border-top-width: 0;
|
103
|
+
border-bottom-color: #999; // IE8 fallback
|
104
|
+
border-bottom-color: @popoverArrowOuterColor;
|
105
|
+
top: -@popoverArrowOuterWidth;
|
97
106
|
&:after {
|
98
|
-
|
99
|
-
|
100
|
-
top:
|
101
|
-
|
107
|
+
top: 1px;
|
108
|
+
margin-left: -@popoverArrowWidth;
|
109
|
+
border-top-width: 0;
|
110
|
+
border-bottom-color: @popoverArrowColor;
|
102
111
|
}
|
103
112
|
}
|
113
|
+
|
104
114
|
&.left .arrow {
|
105
115
|
top: 50%;
|
106
|
-
right: -@
|
107
|
-
margin-top: -@
|
108
|
-
border-width:
|
109
|
-
border-left-color:
|
116
|
+
right: -@popoverArrowOuterWidth;
|
117
|
+
margin-top: -@popoverArrowOuterWidth;
|
118
|
+
border-right-width: 0;
|
119
|
+
border-left-color: #999; // IE8 fallback
|
120
|
+
border-left-color: @popoverArrowOuterColor;
|
110
121
|
&:after {
|
111
|
-
|
112
|
-
border-
|
113
|
-
|
114
|
-
|
122
|
+
right: 1px;
|
123
|
+
border-right-width: 0;
|
124
|
+
border-left-color: @popoverArrowColor;
|
125
|
+
bottom: -@popoverArrowWidth;
|
115
126
|
}
|
116
127
|
}
|
128
|
+
|
117
129
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
//
|
2
|
+
// Reset CSS
|
3
3
|
// Adapted from http://github.com/necolas/normalize.css
|
4
4
|
// --------------------------------------------------
|
5
5
|
|
@@ -122,10 +122,18 @@ input[type="submit"] {
|
|
122
122
|
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
123
123
|
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
124
124
|
}
|
125
|
+
label,
|
126
|
+
select,
|
127
|
+
button,
|
128
|
+
input[type="button"],
|
129
|
+
input[type="reset"],
|
130
|
+
input[type="submit"],
|
131
|
+
input[type="radio"],
|
132
|
+
input[type="checkbox"] {
|
133
|
+
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
134
|
+
}
|
125
135
|
input[type="search"] { // Appearance in Safari/Chrome
|
126
|
-
|
127
|
-
-moz-box-sizing: content-box;
|
128
|
-
box-sizing: content-box;
|
136
|
+
.box-sizing(content-box);
|
129
137
|
-webkit-appearance: textfield;
|
130
138
|
}
|
131
139
|
input[type="search"]::-webkit-search-decoration,
|
@@ -136,3 +144,73 @@ textarea {
|
|
136
144
|
overflow: auto; // Remove vertical scrollbar in IE6-9
|
137
145
|
vertical-align: top; // Readability and alignment cross-browser
|
138
146
|
}
|
147
|
+
|
148
|
+
|
149
|
+
// Printing
|
150
|
+
// -------------------------
|
151
|
+
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
152
|
+
|
153
|
+
@media print {
|
154
|
+
|
155
|
+
* {
|
156
|
+
text-shadow: none !important;
|
157
|
+
color: #000 !important; // Black prints faster: h5bp.com/s
|
158
|
+
background: transparent !important;
|
159
|
+
box-shadow: none !important;
|
160
|
+
}
|
161
|
+
|
162
|
+
a,
|
163
|
+
a:visited {
|
164
|
+
text-decoration: underline;
|
165
|
+
}
|
166
|
+
|
167
|
+
a[href]:after {
|
168
|
+
content: " (" attr(href) ")";
|
169
|
+
}
|
170
|
+
|
171
|
+
abbr[title]:after {
|
172
|
+
content: " (" attr(title) ")";
|
173
|
+
}
|
174
|
+
|
175
|
+
// Don't show links for images, or javascript/internal links
|
176
|
+
.ir a:after,
|
177
|
+
a[href^="javascript:"]:after,
|
178
|
+
a[href^="#"]:after {
|
179
|
+
content: "";
|
180
|
+
}
|
181
|
+
|
182
|
+
pre,
|
183
|
+
blockquote {
|
184
|
+
border: 1px solid #999;
|
185
|
+
page-break-inside: avoid;
|
186
|
+
}
|
187
|
+
|
188
|
+
thead {
|
189
|
+
display: table-header-group; // h5bp.com/t
|
190
|
+
}
|
191
|
+
|
192
|
+
tr,
|
193
|
+
img {
|
194
|
+
page-break-inside: avoid;
|
195
|
+
}
|
196
|
+
|
197
|
+
img {
|
198
|
+
max-width: 100% !important;
|
199
|
+
}
|
200
|
+
|
201
|
+
@page {
|
202
|
+
margin: 0.5cm;
|
203
|
+
}
|
204
|
+
|
205
|
+
p,
|
206
|
+
h2,
|
207
|
+
h3 {
|
208
|
+
orphans: 3;
|
209
|
+
widows: 3;
|
210
|
+
}
|
211
|
+
|
212
|
+
h2,
|
213
|
+
h3 {
|
214
|
+
page-break-after: avoid;
|
215
|
+
}
|
216
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Responsive v2.2.
|
2
|
+
* Bootstrap Responsive v2.2.2
|
3
3
|
*
|
4
4
|
* Copyright 2012 Twitter, Inc
|
5
5
|
* Licensed under the Apache License v2.0
|
@@ -14,6 +14,15 @@
|
|
14
14
|
// -------------------------------------------------------------
|
15
15
|
|
16
16
|
|
17
|
+
// IE10 Metro responsive
|
18
|
+
// Required for Windows 8 Metro split-screen snapping with IE10
|
19
|
+
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
20
|
+
|
21
|
+
@-ms-viewport{
|
22
|
+
width: device-width;
|
23
|
+
}
|
24
|
+
|
25
|
+
|
17
26
|
// REPEAT VARIABLES & MIXINS
|
18
27
|
// -------------------------
|
19
28
|
// Required since we compile the responsive stuff separately
|
@@ -48,6 +48,11 @@ table {
|
|
48
48
|
tbody + tbody {
|
49
49
|
border-top: 2px solid @tableBorder;
|
50
50
|
}
|
51
|
+
|
52
|
+
// Nesting
|
53
|
+
.table {
|
54
|
+
background-color: @bodyBackground;
|
55
|
+
}
|
51
56
|
}
|
52
57
|
|
53
58
|
|
@@ -89,51 +94,47 @@ table {
|
|
89
94
|
border-top: 0;
|
90
95
|
}
|
91
96
|
// For first th or td in the first row in the first thead or tbody
|
92
|
-
thead:first-child tr:first-child th:first-child,
|
93
|
-
tbody:first-child tr:first-child td:first-child {
|
94
|
-
|
95
|
-
border-top-left-radius: 4px;
|
96
|
-
-moz-border-radius-topleft: 4px;
|
97
|
-
}
|
98
|
-
thead:first-child tr:first-child th:last-child,
|
99
|
-
tbody:first-child tr:first-child td:last-child {
|
100
|
-
-webkit-border-top-right-radius: 4px;
|
101
|
-
border-top-right-radius: 4px;
|
102
|
-
-moz-border-radius-topright: 4px;
|
97
|
+
thead:first-child tr:first-child > th:first-child,
|
98
|
+
tbody:first-child tr:first-child > td:first-child {
|
99
|
+
.border-top-left-radius(@baseBorderRadius);
|
103
100
|
}
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
-moz-border-radius-bottomright: 4px;
|
101
|
+
thead:first-child tr:first-child > th:last-child,
|
102
|
+
tbody:first-child tr:first-child > td:last-child {
|
103
|
+
.border-top-right-radius(@baseBorderRadius);
|
104
|
+
}
|
105
|
+
// For first th or td in the last row in the last thead or tbody
|
106
|
+
thead:last-child tr:last-child > th:first-child,
|
107
|
+
tbody:last-child tr:last-child > td:first-child,
|
108
|
+
tfoot:last-child tr:last-child > td:first-child {
|
109
|
+
.border-bottom-left-radius(@baseBorderRadius);
|
110
|
+
}
|
111
|
+
thead:last-child tr:last-child > th:last-child,
|
112
|
+
tbody:last-child tr:last-child > td:last-child,
|
113
|
+
tfoot:last-child tr:last-child > td:last-child {
|
114
|
+
.border-bottom-right-radius(@baseBorderRadius);
|
119
115
|
}
|
120
116
|
|
117
|
+
// Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
|
118
|
+
tfoot + tbody:last-child tr:last-child td:first-child {
|
119
|
+
.border-bottom-left-radius(0);
|
120
|
+
}
|
121
|
+
tfoot + tbody:last-child tr:last-child td:last-child {
|
122
|
+
.border-bottom-right-radius(0);
|
123
|
+
}
|
124
|
+
|
125
|
+
|
121
126
|
// Special fixes to round the left border on the first td/th
|
122
127
|
caption + thead tr:first-child th:first-child,
|
123
128
|
caption + tbody tr:first-child td:first-child,
|
124
129
|
colgroup + thead tr:first-child th:first-child,
|
125
130
|
colgroup + tbody tr:first-child td:first-child {
|
126
|
-
|
127
|
-
border-top-left-radius: 4px;
|
128
|
-
-moz-border-radius-topleft: 4px;
|
131
|
+
.border-top-left-radius(@baseBorderRadius);
|
129
132
|
}
|
130
133
|
caption + thead tr:first-child th:last-child,
|
131
134
|
caption + tbody tr:first-child td:last-child,
|
132
135
|
colgroup + thead tr:first-child th:last-child,
|
133
136
|
colgroup + tbody tr:first-child td:last-child {
|
134
|
-
|
135
|
-
border-top-right-radius: 4px;
|
136
|
-
-moz-border-radius-topright: 4px;
|
137
|
+
.border-top-right-radius(@baseBorderRadius);
|
137
138
|
}
|
138
139
|
|
139
140
|
}
|
@@ -147,8 +148,8 @@ table {
|
|
147
148
|
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
148
149
|
.table-striped {
|
149
150
|
tbody {
|
150
|
-
tr:nth-child(odd) td,
|
151
|
-
tr:nth-child(odd) th {
|
151
|
+
> tr:nth-child(odd) > td,
|
152
|
+
> tr:nth-child(odd) > th {
|
152
153
|
background-color: @tableBackgroundAccent;
|
153
154
|
}
|
154
155
|
}
|