twitter-bootstrap-rails 2.0.1.0 → 2.0.2
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.
Potentially problematic release.
This version of twitter-bootstrap-rails might be problematic. Click here for more details.
- data/README.md +20 -13
- data/lib/generators/bootstrap/install/install_generator.rb +12 -36
- data/lib/generators/bootstrap/install/templates/application.css +1 -0
- data/lib/generators/bootstrap/install/templates/bootstrap.less +6 -0
- data/lib/generators/bootstrap/layout/templates/layout.html.erb +4 -4
- data/lib/generators/bootstrap/layout/templates/layout.html.haml +4 -4
- data/lib/generators/bootstrap/layout/templates/layout.html.slim +4 -4
- data/lib/generators/bootstrap/themed/templates/_form.html.erb +3 -4
- data/lib/generators/bootstrap/themed/templates/edit.html.erb +2 -1
- data/lib/generators/bootstrap/themed/templates/index.html.erb +26 -25
- data/lib/generators/bootstrap/themed/templates/show.html.erb +3 -3
- data/lib/twitter/bootstrap/rails/version.rb +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +5 -8
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +3 -3
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +2 -5
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +5 -6
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +3 -3
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +2 -2
- data/vendor/assets/stylesheets/twitter/bootstrap.css.less +1 -0
- data/vendor/toolkit/twitter/bootstrap/bootstrap.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +2 -4
- data/vendor/toolkit/twitter/bootstrap/buttons.less +7 -25
- data/vendor/toolkit/twitter/bootstrap/code.less +0 -13
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +2 -1
- data/vendor/toolkit/twitter/bootstrap/forms.less +44 -51
- data/vendor/toolkit/twitter/bootstrap/labels.less +7 -23
- data/vendor/toolkit/twitter/bootstrap/mixins.less +25 -78
- data/vendor/toolkit/twitter/bootstrap/modals.less +0 -11
- data/vendor/toolkit/twitter/bootstrap/navbar.less +6 -13
- data/vendor/toolkit/twitter/bootstrap/navs.less +12 -21
- data/vendor/toolkit/twitter/bootstrap/reset.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/responsive.less +6 -10
- data/vendor/toolkit/twitter/bootstrap/sprites.less +7 -9
- data/vendor/toolkit/twitter/bootstrap/tables.less +3 -14
- data/vendor/toolkit/twitter/bootstrap/thumbnails.less +2 -2
- data/vendor/toolkit/twitter/bootstrap/type.less +2 -3
- data/vendor/toolkit/twitter/bootstrap/variables.less +7 -15
- data/vendor/toolkit/twitter/bootstrap.less +1 -0
- metadata +14 -13
- data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +0 -13
- data/vendor/toolkit/twitter/bootstrap_base.less +0 -2
@@ -9,14 +9,12 @@
|
|
9
9
|
.btn {
|
10
10
|
display: inline-block;
|
11
11
|
padding: 4px 10px 4px;
|
12
|
-
margin-bottom: 0; // For input.btn
|
13
12
|
font-size: @baseFontSize;
|
14
13
|
line-height: @baseLineHeight;
|
15
14
|
color: @grayDark;
|
16
15
|
text-align: center;
|
17
16
|
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
18
|
-
vertical-
|
19
|
-
.buttonBackground(@white, darken(@white, 10%));
|
17
|
+
#gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
|
20
18
|
border: 1px solid #ccc;
|
21
19
|
border-bottom-color: #bbb;
|
22
20
|
.border-radius(4px);
|
@@ -25,7 +23,6 @@
|
|
25
23
|
cursor: pointer;
|
26
24
|
|
27
25
|
// Give IE7 some love
|
28
|
-
.reset-filter();
|
29
26
|
.ie7-restore-left-whitespace();
|
30
27
|
}
|
31
28
|
|
@@ -54,6 +51,7 @@
|
|
54
51
|
.box-shadow(@shadow);
|
55
52
|
background-color: darken(@white, 10%);
|
56
53
|
background-color: darken(@white, 15%) e("\9");
|
54
|
+
color: rgba(0,0,0,.5);
|
57
55
|
outline: 0;
|
58
56
|
}
|
59
57
|
|
@@ -78,7 +76,7 @@
|
|
78
76
|
line-height: normal;
|
79
77
|
.border-radius(5px);
|
80
78
|
}
|
81
|
-
.btn-large
|
79
|
+
.btn-large .icon {
|
82
80
|
margin-top: 1px;
|
83
81
|
}
|
84
82
|
|
@@ -88,17 +86,10 @@
|
|
88
86
|
font-size: @baseFontSize - 2px;
|
89
87
|
line-height: @baseLineHeight - 2px;
|
90
88
|
}
|
91
|
-
.btn-small
|
89
|
+
.btn-small .icon {
|
92
90
|
margin-top: -1px;
|
93
91
|
}
|
94
92
|
|
95
|
-
// Mini
|
96
|
-
.btn-mini {
|
97
|
-
padding: 2px 6px;
|
98
|
-
font-size: @baseFontSize - 2px;
|
99
|
-
line-height: @baseLineHeight - 4px;
|
100
|
-
}
|
101
|
-
|
102
93
|
|
103
94
|
// Alternate buttons
|
104
95
|
// --------------------------------------------------
|
@@ -114,9 +105,7 @@
|
|
114
105
|
.btn-success,
|
115
106
|
.btn-success:hover,
|
116
107
|
.btn-info,
|
117
|
-
.btn-info:hover
|
118
|
-
.btn-inverse,
|
119
|
-
.btn-inverse:hover {
|
108
|
+
.btn-info:hover {
|
120
109
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
121
110
|
color: @white;
|
122
111
|
}
|
@@ -125,8 +114,7 @@
|
|
125
114
|
.btn-warning.active,
|
126
115
|
.btn-danger.active,
|
127
116
|
.btn-success.active,
|
128
|
-
.btn-info.active
|
129
|
-
.btn-dark.active {
|
117
|
+
.btn-info.active {
|
130
118
|
color: rgba(255,255,255,.75);
|
131
119
|
}
|
132
120
|
|
@@ -151,10 +139,6 @@
|
|
151
139
|
.btn-info {
|
152
140
|
.buttonBackground(#5bc0de, #2f96b4);
|
153
141
|
}
|
154
|
-
// Inverse appears as dark gray
|
155
|
-
.btn-inverse {
|
156
|
-
.buttonBackground(#454545, #262626);
|
157
|
-
}
|
158
142
|
|
159
143
|
|
160
144
|
// Cross-browser Jank
|
@@ -162,10 +146,8 @@
|
|
162
146
|
|
163
147
|
button.btn,
|
164
148
|
input[type="submit"].btn {
|
165
|
-
|
166
|
-
// Firefox 3.6 only I believe
|
167
149
|
&::-moz-focus-inner {
|
168
|
-
|
150
|
+
padding: 0;
|
169
151
|
border: 0;
|
170
152
|
}
|
171
153
|
|
@@ -11,16 +11,12 @@ pre {
|
|
11
11
|
color: @grayDark;
|
12
12
|
.border-radius(3px);
|
13
13
|
}
|
14
|
-
|
15
|
-
// Inline code
|
16
14
|
code {
|
17
15
|
padding: 3px 4px;
|
18
16
|
color: #d14;
|
19
17
|
background-color: #f7f7f9;
|
20
18
|
border: 1px solid #e1e1e8;
|
21
19
|
}
|
22
|
-
|
23
|
-
// Blocks of code
|
24
20
|
pre {
|
25
21
|
display: block;
|
26
22
|
padding: (@baseLineHeight - 1) / 2;
|
@@ -34,7 +30,6 @@ pre {
|
|
34
30
|
white-space: pre;
|
35
31
|
white-space: pre-wrap;
|
36
32
|
word-break: break-all;
|
37
|
-
word-wrap: break-word;
|
38
33
|
|
39
34
|
// Make prettyprint styles more spaced out for readability
|
40
35
|
&.prettyprint {
|
@@ -44,14 +39,6 @@ pre {
|
|
44
39
|
// Account for some code outputs that place code tags in pre tags
|
45
40
|
code {
|
46
41
|
padding: 0;
|
47
|
-
color: inherit;
|
48
42
|
background-color: transparent;
|
49
|
-
border: 0;
|
50
43
|
}
|
51
44
|
}
|
52
|
-
|
53
|
-
// Enable scrollable blocks of code
|
54
|
-
.pre-scrollable {
|
55
|
-
max-height: 340px;
|
56
|
-
overflow-y: scroll;
|
57
|
-
}
|
@@ -46,6 +46,7 @@
|
|
46
46
|
float: left;
|
47
47
|
display: none; // none by default, but block on "open" of the menu
|
48
48
|
min-width: 160px;
|
49
|
+
max-width: 220px;
|
49
50
|
_width: 160px;
|
50
51
|
padding: 4px 0;
|
51
52
|
margin: 0; // override default ul
|
@@ -92,7 +93,7 @@
|
|
92
93
|
padding: 3px 15px;
|
93
94
|
clear: both;
|
94
95
|
font-weight: normal;
|
95
|
-
line-height:
|
96
|
+
line-height: 18px;
|
96
97
|
color: @gray;
|
97
98
|
white-space: nowrap;
|
98
99
|
}
|
@@ -28,12 +28,6 @@ legend {
|
|
28
28
|
color: @grayDark;
|
29
29
|
border: 0;
|
30
30
|
border-bottom: 1px solid #eee;
|
31
|
-
|
32
|
-
// Small
|
33
|
-
small {
|
34
|
-
font-size: @baseLineHeight * .75;
|
35
|
-
color: @grayLight;
|
36
|
-
}
|
37
31
|
}
|
38
32
|
|
39
33
|
// Set font for forms
|
@@ -42,13 +36,7 @@ input,
|
|
42
36
|
button,
|
43
37
|
select,
|
44
38
|
textarea {
|
45
|
-
#font > .
|
46
|
-
}
|
47
|
-
input,
|
48
|
-
button,
|
49
|
-
select,
|
50
|
-
textarea {
|
51
|
-
#font > #family > .sans-serif(); // And only set font-family here for those that need it (note the missing label element)
|
39
|
+
#font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
|
52
40
|
}
|
53
41
|
|
54
42
|
// Identify controls by their labels
|
@@ -96,17 +84,13 @@ input[type="radio"] {
|
|
96
84
|
margin: 3px 0;
|
97
85
|
*margin-top: 0; /* IE7 */
|
98
86
|
line-height: normal;
|
99
|
-
cursor: pointer;
|
100
|
-
.border-radius(0);
|
101
|
-
border: 0 \9; /* IE9 and down */
|
102
|
-
}
|
103
|
-
input[type="image"] {
|
104
87
|
border: 0;
|
88
|
+
cursor: pointer;
|
89
|
+
.border-radius(0px); /* mirror bootstrap commit 9b9e1d3 reversing IE9 hack and use mixin instead */
|
105
90
|
}
|
106
91
|
|
107
92
|
// Reset the file input to browser defaults
|
108
93
|
input[type="file"] {
|
109
|
-
width: auto;
|
110
94
|
padding: initial;
|
111
95
|
line-height: initial;
|
112
96
|
border: initial;
|
@@ -131,11 +115,6 @@ input[type="file"] {
|
|
131
115
|
line-height: 28px;
|
132
116
|
}
|
133
117
|
|
134
|
-
// Reset line-height for IE
|
135
|
-
input[type="file"] {
|
136
|
-
line-height: 18px \9;
|
137
|
-
}
|
138
|
-
|
139
118
|
// Chrome on Linux and Mobile Safari need background-color
|
140
119
|
select {
|
141
120
|
width: 220px; // default input width + 10px of padding that doesn't get applied
|
@@ -186,11 +165,9 @@ input[type="hidden"] {
|
|
186
165
|
}
|
187
166
|
|
188
167
|
// Radios and checkboxes on same line
|
189
|
-
// TODO v3: Convert .inline to .control-inline
|
190
168
|
.radio.inline,
|
191
169
|
.checkbox.inline {
|
192
170
|
display: inline-block;
|
193
|
-
padding-top: 5px;
|
194
171
|
margin-bottom: 0;
|
195
172
|
vertical-align: middle;
|
196
173
|
}
|
@@ -198,6 +175,11 @@ input[type="hidden"] {
|
|
198
175
|
.checkbox.inline + .checkbox.inline {
|
199
176
|
margin-left: 10px; // space out consecutive inline controls
|
200
177
|
}
|
178
|
+
// But don't forget to remove their padding on first-child
|
179
|
+
.controls > .radio.inline:first-child,
|
180
|
+
.controls > .checkbox.inline:first-child {
|
181
|
+
padding-top: 0;
|
182
|
+
}
|
201
183
|
|
202
184
|
|
203
185
|
|
@@ -216,10 +198,9 @@ textarea:focus {
|
|
216
198
|
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
217
199
|
.box-shadow(@shadow);
|
218
200
|
outline: 0;
|
219
|
-
outline: thin dotted \9; /* IE6-
|
201
|
+
outline: thin dotted \9; /* IE6-8 */
|
220
202
|
}
|
221
203
|
input[type="file"]:focus,
|
222
|
-
input[type="radio"]:focus,
|
223
204
|
input[type="checkbox"]:focus,
|
224
205
|
select:focus {
|
225
206
|
.box-shadow(none); // override for file inputs
|
@@ -279,6 +260,33 @@ textarea[readonly] {
|
|
279
260
|
// FORM FIELD FEEDBACK STATES
|
280
261
|
// --------------------------
|
281
262
|
|
263
|
+
// Mixin for form field states
|
264
|
+
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
265
|
+
// Set the text color
|
266
|
+
> label,
|
267
|
+
.help-block,
|
268
|
+
.help-inline {
|
269
|
+
color: @textColor;
|
270
|
+
}
|
271
|
+
// Style inputs accordingly
|
272
|
+
input,
|
273
|
+
select,
|
274
|
+
textarea {
|
275
|
+
color: @textColor;
|
276
|
+
border-color: @borderColor;
|
277
|
+
&:focus {
|
278
|
+
border-color: darken(@borderColor, 10%);
|
279
|
+
.box-shadow(0 0 6px lighten(@borderColor, 20%));
|
280
|
+
}
|
281
|
+
}
|
282
|
+
// Give a small background color for input-prepend/-append
|
283
|
+
.input-prepend .add-on,
|
284
|
+
.input-append .add-on {
|
285
|
+
color: @textColor;
|
286
|
+
background-color: @backgroundColor;
|
287
|
+
border-color: @textColor;
|
288
|
+
}
|
289
|
+
}
|
282
290
|
// Warning
|
283
291
|
.control-group.warning {
|
284
292
|
.formFieldState(@warningText, @warningText, @warningBackground);
|
@@ -301,7 +309,7 @@ select:focus:required:invalid {
|
|
301
309
|
border-color: #ee5f5b;
|
302
310
|
&:focus {
|
303
311
|
border-color: darken(#ee5f5b, 10%);
|
304
|
-
.box-shadow(0 0 6px lighten(#ee5f5b, 20%));
|
312
|
+
.box-shadow(0 0 6px lighten(#ee5f5b, 20%));
|
305
313
|
}
|
306
314
|
}
|
307
315
|
|
@@ -336,7 +344,6 @@ select:focus:required:invalid {
|
|
336
344
|
// ---------
|
337
345
|
|
338
346
|
.help-block {
|
339
|
-
display: block; // account for any element using help-block
|
340
347
|
margin-top: 5px;
|
341
348
|
margin-bottom: 0;
|
342
349
|
color: @grayLight;
|
@@ -405,8 +412,7 @@ select:focus:required:invalid {
|
|
405
412
|
.border-radius(3px 0 0 3px);
|
406
413
|
}
|
407
414
|
.uneditable-input {
|
408
|
-
border-
|
409
|
-
border-right-color: #ccc;
|
415
|
+
border-right-color: #ccc;
|
410
416
|
}
|
411
417
|
.add-on {
|
412
418
|
margin-right: 0;
|
@@ -455,10 +461,6 @@ select:focus:required:invalid {
|
|
455
461
|
display: inline-block;
|
456
462
|
margin-bottom: 0;
|
457
463
|
}
|
458
|
-
// Re-hide hidden elements due to specifity
|
459
|
-
.hide {
|
460
|
-
display: none;
|
461
|
-
}
|
462
464
|
}
|
463
465
|
.form-search label,
|
464
466
|
.form-inline label,
|
@@ -475,37 +477,28 @@ select:focus:required:invalid {
|
|
475
477
|
.form-inline .input-prepend .add-on {
|
476
478
|
vertical-align: middle;
|
477
479
|
}
|
478
|
-
// Inline checkbox/radio labels
|
479
|
-
.form-search .radio,
|
480
|
-
.form-inline .radio,
|
481
|
-
.form-search .checkbox,
|
482
|
-
.form-inline .checkbox {
|
483
|
-
margin-bottom: 0;
|
484
|
-
vertical-align: middle;
|
485
|
-
}
|
486
480
|
|
487
481
|
// Margin to space out fieldsets
|
488
482
|
.control-group {
|
489
483
|
margin-bottom: @baseLineHeight / 2;
|
490
484
|
}
|
491
485
|
|
492
|
-
// Legend collapses margin, so next element is responsible for spacing
|
493
|
-
legend + .control-group {
|
494
|
-
margin-top: @baseLineHeight;
|
495
|
-
-webkit-margin-top-collapse: separate;
|
496
|
-
}
|
497
|
-
|
498
486
|
// Horizontal-specific styles
|
499
487
|
// --------------------------
|
500
488
|
|
501
489
|
.form-horizontal {
|
490
|
+
// Legend collapses margin, so we're relegated to padding
|
491
|
+
legend + .control-group {
|
492
|
+
margin-top: @baseLineHeight;
|
493
|
+
-webkit-margin-top-collapse: separate;
|
494
|
+
}
|
502
495
|
// Increase spacing between groups
|
503
496
|
.control-group {
|
504
497
|
margin-bottom: @baseLineHeight;
|
505
498
|
.clearfix();
|
506
499
|
}
|
507
500
|
// Float the labels left
|
508
|
-
.control-label {
|
501
|
+
.control-group > label {
|
509
502
|
float: left;
|
510
503
|
width: 140px;
|
511
504
|
padding-top: 5px;
|
@@ -1,32 +1,16 @@
|
|
1
1
|
// LABELS
|
2
2
|
// ------
|
3
3
|
|
4
|
-
// Base
|
5
4
|
.label {
|
6
|
-
padding:
|
7
|
-
font-size: @baseFontSize * .
|
5
|
+
padding: 1px 3px 2px;
|
6
|
+
font-size: @baseFontSize * .75;
|
8
7
|
font-weight: bold;
|
9
8
|
color: @white;
|
10
|
-
text-
|
9
|
+
text-transform: uppercase;
|
11
10
|
background-color: @grayLight;
|
12
11
|
.border-radius(3px);
|
13
12
|
}
|
14
|
-
|
15
|
-
|
16
|
-
.label:
|
17
|
-
|
18
|
-
text-decoration: none;
|
19
|
-
}
|
20
|
-
|
21
|
-
// Colors
|
22
|
-
.label-important { background-color: @errorText; }
|
23
|
-
.label-important:hover { background-color: darken(@errorText, 10%); }
|
24
|
-
|
25
|
-
.label-warning { background-color: @orange; }
|
26
|
-
.label-warning:hover { background-color: darken(@orange, 10%); }
|
27
|
-
|
28
|
-
.label-success { background-color: @successText; }
|
29
|
-
.label-success:hover { background-color: darken(@successText, 10%); }
|
30
|
-
|
31
|
-
.label-info { background-color: @infoText; }
|
32
|
-
.label-info:hover { background-color: darken(@infoText, 10%); }
|
13
|
+
.label-important { background-color: @errorText; }
|
14
|
+
.label-warning { background-color: @orange; }
|
15
|
+
.label-success { background-color: @successText; }
|
16
|
+
.label-info { background-color: @infoText; }
|
@@ -9,7 +9,7 @@
|
|
9
9
|
// Clearfix
|
10
10
|
// --------
|
11
11
|
// For clearing floats like a boss h5bp.com/q
|
12
|
-
.clearfix {
|
12
|
+
.clearfix() {
|
13
13
|
*zoom: 1;
|
14
14
|
&:before,
|
15
15
|
&:after {
|
@@ -25,7 +25,7 @@
|
|
25
25
|
// ------------------
|
26
26
|
.tab-focus() {
|
27
27
|
// Default
|
28
|
-
outline: thin dotted
|
28
|
+
outline: thin dotted;
|
29
29
|
// Webkit
|
30
30
|
outline: 5px auto -webkit-focus-ring-color;
|
31
31
|
outline-offset: -2px;
|
@@ -89,15 +89,6 @@
|
|
89
89
|
}
|
90
90
|
}
|
91
91
|
|
92
|
-
// Text overflow
|
93
|
-
// -------------------------
|
94
|
-
// Requires inline-block or block for proper styling
|
95
|
-
.text-overflow() {
|
96
|
-
overflow: hidden;
|
97
|
-
text-overflow: ellipsis;
|
98
|
-
white-space: nowrap;
|
99
|
-
}
|
100
|
-
|
101
92
|
|
102
93
|
|
103
94
|
// FONTS
|
@@ -208,13 +199,13 @@
|
|
208
199
|
// Setup the mixins to be used
|
209
200
|
.columns(@fluidGridGutterWidth, @fluidGridColumnWidth, @columns) {
|
210
201
|
width: 1% * (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
211
|
-
}
|
202
|
+
}
|
212
203
|
.gridColumn(@fluidGridGutterWidth) {
|
213
204
|
float: left;
|
214
205
|
margin-left: @fluidGridGutterWidth;
|
215
206
|
}
|
216
207
|
// Take these values and mixins, and make 'em do their thang
|
217
|
-
.generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {
|
208
|
+
.generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {
|
218
209
|
// Row surrounds the columns
|
219
210
|
.row-fluid {
|
220
211
|
width: 100%;
|
@@ -228,22 +219,24 @@
|
|
228
219
|
margin-left: 0;
|
229
220
|
}
|
230
221
|
// Default columns
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
222
|
+
.span1 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 1); }
|
223
|
+
.span2 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 2); }
|
224
|
+
.span3 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 3); }
|
225
|
+
.span4 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 4); }
|
226
|
+
.span5 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 5); }
|
227
|
+
.span6 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 6); }
|
228
|
+
.span7 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 7); }
|
229
|
+
.span8 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 8); }
|
230
|
+
.span9 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 9); }
|
231
|
+
.span10 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 10); }
|
232
|
+
.span11 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 11); }
|
233
|
+
.span12 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 12); }
|
243
234
|
}
|
244
235
|
}
|
245
236
|
}
|
246
237
|
|
238
|
+
|
239
|
+
|
247
240
|
// Input grid system
|
248
241
|
// -------------------------
|
249
242
|
#inputGridSystem {
|
@@ -270,52 +263,6 @@
|
|
270
263
|
}
|
271
264
|
}
|
272
265
|
|
273
|
-
// Make a Grid
|
274
|
-
// -------------------------
|
275
|
-
// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior
|
276
|
-
.makeRow() {
|
277
|
-
margin-left: @gridGutterWidth * -1;
|
278
|
-
.clearfix();
|
279
|
-
}
|
280
|
-
.makeColumn(@columns: 1) {
|
281
|
-
float: left;
|
282
|
-
margin-left: @gridGutterWidth;
|
283
|
-
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
284
|
-
}
|
285
|
-
|
286
|
-
|
287
|
-
|
288
|
-
// Form field states (used in forms.less)
|
289
|
-
// --------------------------------------------------
|
290
|
-
|
291
|
-
// Mixin for form field states
|
292
|
-
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
293
|
-
// Set the text color
|
294
|
-
> label,
|
295
|
-
.help-block,
|
296
|
-
.help-inline {
|
297
|
-
color: @textColor;
|
298
|
-
}
|
299
|
-
// Style inputs accordingly
|
300
|
-
input,
|
301
|
-
select,
|
302
|
-
textarea {
|
303
|
-
color: @textColor;
|
304
|
-
border-color: @borderColor;
|
305
|
-
&:focus {
|
306
|
-
border-color: darken(@borderColor, 10%);
|
307
|
-
.box-shadow(0 0 6px lighten(@borderColor, 20%));
|
308
|
-
}
|
309
|
-
}
|
310
|
-
// Give a small background color for input-prepend/-append
|
311
|
-
.input-prepend .add-on,
|
312
|
-
.input-append .add-on {
|
313
|
-
color: @textColor;
|
314
|
-
background-color: @backgroundColor;
|
315
|
-
border-color: @textColor;
|
316
|
-
}
|
317
|
-
}
|
318
|
-
|
319
266
|
|
320
267
|
|
321
268
|
// CSS3 PROPERTIES
|
@@ -366,6 +313,13 @@
|
|
366
313
|
-o-transform: translate(@x, @y);
|
367
314
|
transform: translate(@x, @y);
|
368
315
|
}
|
316
|
+
.skew(@x: 0, @y: 0) {
|
317
|
+
-webkit-transform: translate(@x, @y);
|
318
|
+
-moz-transform: translate(@x, @y);
|
319
|
+
-ms-transform: translate(@x, @y);
|
320
|
+
-o-transform: translate(@x, @y);
|
321
|
+
transform: translate(@x, @y);
|
322
|
+
}
|
369
323
|
.skew(@x: 0, @y: 0) {
|
370
324
|
-webkit-transform: skew(@x, @y);
|
371
325
|
-moz-transform: skew(@x, @y);
|
@@ -373,13 +327,6 @@
|
|
373
327
|
-o-transform: skew(@x, @y);
|
374
328
|
transform: skew(@x, @y);
|
375
329
|
}
|
376
|
-
.translate3d(@x: 0, @y: 0, @z: 0) {
|
377
|
-
-webkit-transform: translate(@x, @y, @z);
|
378
|
-
-moz-transform: translate(@x, @y, @z);
|
379
|
-
-ms-transform: translate(@x, @y, @z);
|
380
|
-
-o-transform: translate(@x, @y, @z);
|
381
|
-
transform: translate(@x, @y, @z);
|
382
|
-
}
|
383
330
|
|
384
331
|
// Background clipping
|
385
332
|
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
|
@@ -1,7 +1,6 @@
|
|
1
1
|
// MODALS
|
2
2
|
// ------
|
3
3
|
|
4
|
-
// Recalculate z-index where appropriate
|
5
4
|
.modal-open {
|
6
5
|
.dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
|
7
6
|
.dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
|
@@ -9,7 +8,6 @@
|
|
9
8
|
.tooltip { z-index: @zindexTooltip + @zindexModal; }
|
10
9
|
}
|
11
10
|
|
12
|
-
// Background
|
13
11
|
.modal-backdrop {
|
14
12
|
position: fixed;
|
15
13
|
top: 0;
|
@@ -27,7 +25,6 @@
|
|
27
25
|
.opacity(80);
|
28
26
|
}
|
29
27
|
|
30
|
-
// Base modal
|
31
28
|
.modal {
|
32
29
|
position: fixed;
|
33
30
|
top: 50%;
|
@@ -56,17 +53,9 @@
|
|
56
53
|
// Close icon
|
57
54
|
.close { margin-top: 2px; }
|
58
55
|
}
|
59
|
-
|
60
|
-
// Body (where all modal content resises)
|
61
56
|
.modal-body {
|
62
57
|
padding: 15px;
|
63
58
|
}
|
64
|
-
// Remove bottom margin if need be
|
65
|
-
.modal-body .modal-form {
|
66
|
-
margin-bottom: 0;
|
67
|
-
}
|
68
|
-
|
69
|
-
// Footer (for actions)
|
70
59
|
.modal-footer {
|
71
60
|
padding: 14px 15px 15px;
|
72
61
|
margin-bottom: 0;
|
@@ -81,7 +81,7 @@
|
|
81
81
|
margin-top: 5px; // make buttons vertically centered in navbar
|
82
82
|
}
|
83
83
|
.btn-group .btn {
|
84
|
-
margin-top: 0;
|
84
|
+
margin-top: 0;
|
85
85
|
}
|
86
86
|
}
|
87
87
|
|
@@ -104,14 +104,6 @@
|
|
104
104
|
input[type="radio"] {
|
105
105
|
margin-top: 3px;
|
106
106
|
}
|
107
|
-
.input-append,
|
108
|
-
.input-prepend {
|
109
|
-
margin-top: 6px;
|
110
|
-
white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
|
111
|
-
input {
|
112
|
-
margin-top: 0; // remove the margin on top since it's on the parent
|
113
|
-
}
|
114
|
-
}
|
115
107
|
}
|
116
108
|
|
117
109
|
// Navbar search
|
@@ -141,7 +133,7 @@
|
|
141
133
|
background-color: @grayLight;
|
142
134
|
background-color: rgba(255,255,255,.5);
|
143
135
|
}
|
144
|
-
// Focus states (we use .focused since
|
136
|
+
// Focus states (we use .focused since IE8 and down doesn't support :focus)
|
145
137
|
&:focus,
|
146
138
|
&.focused {
|
147
139
|
padding: 5px 10px;
|
@@ -169,7 +161,7 @@
|
|
169
161
|
.navbar-fixed-top .navbar-inner {
|
170
162
|
padding-left: 0;
|
171
163
|
padding-right: 0;
|
172
|
-
.border-radius(
|
164
|
+
.border-radius(0px);
|
173
165
|
}
|
174
166
|
|
175
167
|
|
@@ -202,7 +194,7 @@
|
|
202
194
|
}
|
203
195
|
// Hover
|
204
196
|
.navbar .nav > li > a:hover {
|
205
|
-
background-color:
|
197
|
+
background-color: transparent;
|
206
198
|
color: @navbarLinkColorHover;
|
207
199
|
text-decoration: none;
|
208
200
|
}
|
@@ -213,6 +205,7 @@
|
|
213
205
|
color: @navbarLinkColorHover;
|
214
206
|
text-decoration: none;
|
215
207
|
background-color: @navbarBackground;
|
208
|
+
background-color: rgba(0,0,0,.5);
|
216
209
|
}
|
217
210
|
|
218
211
|
// Dividers (basically a vertical hr)
|
@@ -296,4 +289,4 @@
|
|
296
289
|
left: auto;
|
297
290
|
right: 13px;
|
298
291
|
}
|
299
|
-
}
|
292
|
+
}
|