twitter-bootstrap-rails 2.0.1.0 → 2.0.2
Sign up to get free protection for your applications and to get access to all the features.
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
|
+
}
|