twitter-bootswatch-rails 3.0.3.0 → 3.1.0.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.
- checksums.yaml +4 -4
- data/app/assets/javascripts/twitter/bootstrap/affix.js +34 -23
- data/app/assets/javascripts/twitter/bootstrap/alert.js +5 -15
- data/app/assets/javascripts/twitter/bootstrap/button.js +21 -29
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +16 -28
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +7 -16
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +19 -26
- data/app/assets/javascripts/twitter/bootstrap/modal.js +25 -28
- data/app/assets/javascripts/twitter/bootstrap/popover.js +14 -21
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +16 -21
- data/app/assets/javascripts/twitter/bootstrap/tab.js +7 -17
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +52 -39
- data/app/assets/javascripts/twitter/bootstrap/transition.js +11 -19
- data/lib/generators/bootswatch/install/templates/loader.js.tt +1 -1
- data/lib/generators/bootswatch/install/templates/mixins.less.tt +130 -49
- data/lib/generators/bootswatch/install/templates/variables.less.tt +346 -161
- data/lib/twitter/bootswatch/rails/version.rb +1 -1
- data/vendor/toolkit/twitter/bootstrap/badges.less +4 -0
- data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +4 -1
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +10 -11
- data/vendor/toolkit/twitter/bootstrap/buttons.less +8 -8
- data/vendor/toolkit/twitter/bootstrap/code.less +10 -0
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +28 -2
- data/vendor/toolkit/twitter/bootstrap/forms.less +82 -38
- data/vendor/toolkit/twitter/bootstrap/glyphicons.less +1 -5
- data/vendor/toolkit/twitter/bootstrap/grid.less +26 -5
- data/vendor/toolkit/twitter/bootstrap/input-groups.less +39 -18
- data/vendor/toolkit/twitter/bootstrap/jumbotron.less +3 -5
- data/vendor/toolkit/twitter/bootstrap/list-group.less +25 -3
- data/vendor/toolkit/twitter/bootstrap/mixins.less +130 -49
- data/vendor/toolkit/twitter/bootstrap/modals.less +16 -7
- data/vendor/toolkit/twitter/bootstrap/navbar.less +24 -20
- data/vendor/toolkit/twitter/bootstrap/navs.less +2 -2
- data/vendor/toolkit/twitter/bootstrap/normalize.less +139 -122
- data/vendor/toolkit/twitter/bootstrap/pager.less +5 -5
- data/vendor/toolkit/twitter/bootstrap/pagination.less +6 -3
- data/vendor/toolkit/twitter/bootstrap/panels.less +64 -16
- data/vendor/toolkit/twitter/bootstrap/print.less +0 -4
- data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +13 -129
- data/vendor/toolkit/twitter/bootstrap/scaffolding.less +17 -2
- data/vendor/toolkit/twitter/bootstrap/tables.less +3 -1
- data/vendor/toolkit/twitter/bootstrap/theme.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/tooltip.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/type.less +78 -63
- data/vendor/toolkit/twitter/bootstrap/variables.less +346 -161
- data/vendor/toolkit/twitter/bootstrap/wells.less +1 -1
- metadata +2 -3
- data/lib/generators/bootswatch/import/import_generator.rb +0 -49
@@ -4,19 +4,22 @@
|
|
4
4
|
|
5
5
|
|
6
6
|
.breadcrumb {
|
7
|
-
padding:
|
7
|
+
padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
|
8
8
|
margin-bottom: @line-height-computed;
|
9
9
|
list-style: none;
|
10
10
|
background-color: @breadcrumb-bg;
|
11
11
|
border-radius: @border-radius-base;
|
12
|
+
|
12
13
|
> li {
|
13
14
|
display: inline-block;
|
15
|
+
|
14
16
|
+ li:before {
|
15
17
|
content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
|
16
18
|
padding: 0 5px;
|
17
19
|
color: @breadcrumb-color;
|
18
20
|
}
|
19
21
|
}
|
22
|
+
|
20
23
|
> .active {
|
21
24
|
color: @breadcrumb-active-color;
|
22
25
|
}
|
@@ -37,18 +37,17 @@
|
|
37
37
|
|
38
38
|
// Optional: Group multiple button groups together for a toolbar
|
39
39
|
.btn-toolbar {
|
40
|
-
|
40
|
+
margin-left: -5px; // Offset the first child's margin
|
41
|
+
&:extend(.clearfix all);
|
41
42
|
|
42
|
-
.btn-group
|
43
|
+
.btn-group,
|
44
|
+
.input-group {
|
43
45
|
float: left;
|
44
46
|
}
|
45
|
-
// Space out series of button groups
|
46
47
|
> .btn,
|
47
|
-
> .btn-group
|
48
|
-
|
49
|
-
|
50
|
-
margin-left: 5px;
|
51
|
-
}
|
48
|
+
> .btn-group,
|
49
|
+
> .input-group {
|
50
|
+
margin-left: 5px;
|
52
51
|
}
|
53
52
|
}
|
54
53
|
|
@@ -157,7 +156,7 @@
|
|
157
156
|
|
158
157
|
// Clear floats so dropdown menus can be properly placed
|
159
158
|
> .btn-group {
|
160
|
-
.clearfix
|
159
|
+
&:extend(.clearfix all);
|
161
160
|
> .btn {
|
162
161
|
float: none;
|
163
162
|
}
|
@@ -188,13 +187,13 @@
|
|
188
187
|
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
|
189
188
|
border-radius: 0;
|
190
189
|
}
|
191
|
-
.btn-group-vertical > .btn-group:first-child {
|
190
|
+
.btn-group-vertical > .btn-group:first-child:not(:last-child) {
|
192
191
|
> .btn:last-child,
|
193
192
|
> .dropdown-toggle {
|
194
193
|
.border-bottom-radius(0);
|
195
194
|
}
|
196
195
|
}
|
197
|
-
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
|
196
|
+
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
|
198
197
|
.border-top-radius(0);
|
199
198
|
}
|
200
199
|
|
@@ -56,14 +56,6 @@
|
|
56
56
|
.btn-primary {
|
57
57
|
.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
|
58
58
|
}
|
59
|
-
// Warning appears as orange
|
60
|
-
.btn-warning {
|
61
|
-
.button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
|
62
|
-
}
|
63
|
-
// Danger and error appear as red
|
64
|
-
.btn-danger {
|
65
|
-
.button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
|
66
|
-
}
|
67
59
|
// Success appears as green
|
68
60
|
.btn-success {
|
69
61
|
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
|
@@ -72,6 +64,14 @@
|
|
72
64
|
.btn-info {
|
73
65
|
.button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
|
74
66
|
}
|
67
|
+
// Warning appears as orange
|
68
|
+
.btn-warning {
|
69
|
+
.button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
|
70
|
+
}
|
71
|
+
// Danger and error appear as red
|
72
|
+
.btn-danger {
|
73
|
+
.button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
|
74
|
+
}
|
75
75
|
|
76
76
|
|
77
77
|
// Link buttons
|
@@ -21,6 +21,16 @@ code {
|
|
21
21
|
border-radius: @border-radius-base;
|
22
22
|
}
|
23
23
|
|
24
|
+
// User input typically entered via keyboard
|
25
|
+
kbd {
|
26
|
+
padding: 2px 4px;
|
27
|
+
font-size: 90%;
|
28
|
+
color: @kbd-color;
|
29
|
+
background-color: @kbd-bg;
|
30
|
+
border-radius: @border-radius-small;
|
31
|
+
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
|
32
|
+
}
|
33
|
+
|
24
34
|
// Blocks of code
|
25
35
|
pre {
|
26
36
|
display: block;
|
@@ -46,6 +46,8 @@
|
|
46
46
|
background-clip: padding-box;
|
47
47
|
|
48
48
|
// Aligns the dropdown menu to right
|
49
|
+
//
|
50
|
+
// Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
|
49
51
|
&.pull-right {
|
50
52
|
right: 0;
|
51
53
|
left: auto;
|
@@ -126,6 +128,25 @@
|
|
126
128
|
}
|
127
129
|
}
|
128
130
|
|
131
|
+
// Menu positioning
|
132
|
+
//
|
133
|
+
// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
|
134
|
+
// menu with the parent.
|
135
|
+
.dropdown-menu-right {
|
136
|
+
left: auto; // Reset the default from `.dropdown-menu`
|
137
|
+
right: 0;
|
138
|
+
}
|
139
|
+
// With v3, we enabled auto-flipping if you have a dropdown within a right
|
140
|
+
// aligned nav component. To enable the undoing of that, we provide an override
|
141
|
+
// to restore the default dropdown menu alignment.
|
142
|
+
//
|
143
|
+
// This is only for left-aligning a dropdown menu within a `.navbar-right` or
|
144
|
+
// `.pull-right` nav component.
|
145
|
+
.dropdown-menu-left {
|
146
|
+
left: 0;
|
147
|
+
right: auto;
|
148
|
+
}
|
149
|
+
|
129
150
|
// Dropdown section headers
|
130
151
|
.dropdown-header {
|
131
152
|
display: block;
|
@@ -142,7 +163,7 @@
|
|
142
163
|
right: 0;
|
143
164
|
bottom: 0;
|
144
165
|
top: 0;
|
145
|
-
z-index: @zindex-dropdown - 10;
|
166
|
+
z-index: (@zindex-dropdown - 10);
|
146
167
|
}
|
147
168
|
|
148
169
|
// Right aligned dropdowns
|
@@ -180,7 +201,12 @@
|
|
180
201
|
@media (min-width: @grid-float-breakpoint) {
|
181
202
|
.navbar-right {
|
182
203
|
.dropdown-menu {
|
183
|
-
.
|
204
|
+
.dropdown-menu-right();
|
205
|
+
}
|
206
|
+
// Necessary for overrides of the default right aligned menu.
|
207
|
+
// Will remove come v4 in all likelihood.
|
208
|
+
.dropdown-menu-left {
|
209
|
+
.dropdown-menu-left();
|
184
210
|
}
|
185
211
|
}
|
186
212
|
}
|
@@ -11,6 +11,10 @@ fieldset {
|
|
11
11
|
padding: 0;
|
12
12
|
margin: 0;
|
13
13
|
border: 0;
|
14
|
+
// Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,
|
15
|
+
// so we reset that to ensure it behaves more like a standard block element.
|
16
|
+
// See https://github.com/twbs/bootstrap/issues/12359.
|
17
|
+
min-width: 0;
|
14
18
|
}
|
15
19
|
|
16
20
|
legend {
|
@@ -33,6 +37,10 @@ label {
|
|
33
37
|
|
34
38
|
|
35
39
|
// Normalize form controls
|
40
|
+
//
|
41
|
+
// While most of our form styles require extra classes, some basic normalization
|
42
|
+
// is required to ensure optimum display with or without those classes to better
|
43
|
+
// address browser inconsistencies.
|
36
44
|
|
37
45
|
// Override content-box in Normalize (* isn't specific enough)
|
38
46
|
input[type="search"] {
|
@@ -47,41 +55,30 @@ input[type="checkbox"] {
|
|
47
55
|
line-height: normal;
|
48
56
|
}
|
49
57
|
|
50
|
-
// Set the height of
|
58
|
+
// Set the height of file controls to match text inputs
|
51
59
|
input[type="file"] {
|
52
60
|
display: block;
|
53
61
|
}
|
54
62
|
|
63
|
+
// Make range inputs behave like textual form controls
|
64
|
+
input[type="range"] {
|
65
|
+
display: block;
|
66
|
+
width: 100%;
|
67
|
+
}
|
68
|
+
|
55
69
|
// Make multiple select elements height not fixed
|
56
70
|
select[multiple],
|
57
71
|
select[size] {
|
58
72
|
height: auto;
|
59
73
|
}
|
60
74
|
|
61
|
-
//
|
62
|
-
select optgroup {
|
63
|
-
font-size: inherit;
|
64
|
-
font-style: inherit;
|
65
|
-
font-family: inherit;
|
66
|
-
}
|
67
|
-
|
68
|
-
// Focus for select, file, radio, and checkbox
|
75
|
+
// Focus for file, radio, and checkbox
|
69
76
|
input[type="file"]:focus,
|
70
77
|
input[type="radio"]:focus,
|
71
78
|
input[type="checkbox"]:focus {
|
72
79
|
.tab-focus();
|
73
80
|
}
|
74
81
|
|
75
|
-
// Fix for Chrome number input
|
76
|
-
// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
|
77
|
-
// See https://github.com/twbs/bootstrap/issues/8350 for more.
|
78
|
-
input[type="number"] {
|
79
|
-
&::-webkit-outer-spin-button,
|
80
|
-
&::-webkit-inner-spin-button {
|
81
|
-
height: auto;
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
82
|
// Adjust output element
|
86
83
|
output {
|
87
84
|
display: block;
|
@@ -89,7 +86,6 @@ output {
|
|
89
86
|
font-size: @font-size-base;
|
90
87
|
line-height: @line-height-base;
|
91
88
|
color: @input-color;
|
92
|
-
vertical-align: middle;
|
93
89
|
}
|
94
90
|
|
95
91
|
|
@@ -123,7 +119,6 @@ output {
|
|
123
119
|
font-size: @font-size-base;
|
124
120
|
line-height: @line-height-base;
|
125
121
|
color: @input-color;
|
126
|
-
vertical-align: middle;
|
127
122
|
background-color: @input-bg;
|
128
123
|
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
129
124
|
border: 1px solid @input-border;
|
@@ -135,9 +130,6 @@ output {
|
|
135
130
|
.form-control-focus();
|
136
131
|
|
137
132
|
// Placeholder
|
138
|
-
//
|
139
|
-
// Placeholder text gets special styles because when browsers invalidate entire
|
140
|
-
// lines if it doesn't understand a selector/
|
141
133
|
.placeholder();
|
142
134
|
|
143
135
|
// Disabled and read-only inputs
|
@@ -149,6 +141,7 @@ output {
|
|
149
141
|
fieldset[disabled] & {
|
150
142
|
cursor: not-allowed;
|
151
143
|
background-color: @input-bg-disabled;
|
144
|
+
opacity: 1; // iOS fix for unreadable disabled content
|
152
145
|
}
|
153
146
|
|
154
147
|
// Reset height for `textarea`s
|
@@ -157,6 +150,14 @@ output {
|
|
157
150
|
}
|
158
151
|
}
|
159
152
|
|
153
|
+
// Special styles for iOS date input
|
154
|
+
//
|
155
|
+
// In Mobile Safari, date inputs require a pixel line-height that matches the
|
156
|
+
// given height of the input.
|
157
|
+
input[type="date"] {
|
158
|
+
line-height: @input-height-base;
|
159
|
+
}
|
160
|
+
|
160
161
|
|
161
162
|
// Form groups
|
162
163
|
//
|
@@ -179,10 +180,8 @@ output {
|
|
179
180
|
margin-top: 10px;
|
180
181
|
margin-bottom: 10px;
|
181
182
|
padding-left: 20px;
|
182
|
-
vertical-align: middle;
|
183
183
|
label {
|
184
184
|
display: inline;
|
185
|
-
margin-bottom: 0;
|
186
185
|
font-weight: normal;
|
187
186
|
cursor: pointer;
|
188
187
|
}
|
@@ -230,7 +229,12 @@ input[type="checkbox"],
|
|
230
229
|
}
|
231
230
|
}
|
232
231
|
|
232
|
+
|
233
233
|
// Form control sizing
|
234
|
+
//
|
235
|
+
// Build on `.form-control` with modifier classes to decrease or increase the
|
236
|
+
// height and font-size of form controls.
|
237
|
+
|
234
238
|
.input-sm {
|
235
239
|
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
236
240
|
}
|
@@ -244,18 +248,38 @@ input[type="checkbox"],
|
|
244
248
|
//
|
245
249
|
// Apply contextual and semantic states to individual form controls.
|
246
250
|
|
247
|
-
|
251
|
+
.has-feedback {
|
252
|
+
// Enable absolute positioning
|
253
|
+
position: relative;
|
254
|
+
|
255
|
+
// Ensure icons don't overlap text
|
256
|
+
.form-control {
|
257
|
+
padding-right: (@input-height-base * 1.25);
|
258
|
+
}
|
259
|
+
|
260
|
+
// Feedback icon (requires .glyphicon classes)
|
261
|
+
.form-control-feedback {
|
262
|
+
position: absolute;
|
263
|
+
top: (@line-height-computed + 5); // Height of the `label` and its margin
|
264
|
+
right: 0;
|
265
|
+
display: block;
|
266
|
+
width: @input-height-base;
|
267
|
+
height: @input-height-base;
|
268
|
+
line-height: @input-height-base;
|
269
|
+
text-align: center;
|
270
|
+
}
|
271
|
+
}
|
272
|
+
|
273
|
+
// Feedback states
|
274
|
+
.has-success {
|
275
|
+
.form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
|
276
|
+
}
|
248
277
|
.has-warning {
|
249
278
|
.form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
|
250
279
|
}
|
251
|
-
// Error
|
252
280
|
.has-error {
|
253
281
|
.form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
|
254
282
|
}
|
255
|
-
// Success
|
256
|
-
.has-success {
|
257
|
-
.form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
|
258
|
-
}
|
259
283
|
|
260
284
|
|
261
285
|
// Static form control text
|
@@ -296,9 +320,9 @@ input[type="checkbox"],
|
|
296
320
|
.form-inline {
|
297
321
|
|
298
322
|
// Kick in the inline
|
299
|
-
@media (min-width: @screen-sm) {
|
323
|
+
@media (min-width: @screen-sm-min) {
|
300
324
|
// Inline-block all the things for "inline"
|
301
|
-
.form-group
|
325
|
+
.form-group {
|
302
326
|
display: inline-block;
|
303
327
|
margin-bottom: 0;
|
304
328
|
vertical-align: middle;
|
@@ -307,11 +331,13 @@ input[type="checkbox"],
|
|
307
331
|
// In navbar-form, allow folks to *not* use `.form-group`
|
308
332
|
.form-control {
|
309
333
|
display: inline-block;
|
334
|
+
width: auto; // Prevent labels from stacking above inputs in `.form-group`
|
335
|
+
vertical-align: middle;
|
310
336
|
}
|
311
337
|
|
312
|
-
|
313
|
-
|
314
|
-
|
338
|
+
.control-label {
|
339
|
+
margin-bottom: 0;
|
340
|
+
vertical-align: middle;
|
315
341
|
}
|
316
342
|
|
317
343
|
// Remove default margin on radios/checkboxes that were used for stacking, and
|
@@ -323,12 +349,21 @@ input[type="checkbox"],
|
|
323
349
|
margin-top: 0;
|
324
350
|
margin-bottom: 0;
|
325
351
|
padding-left: 0;
|
352
|
+
vertical-align: middle;
|
326
353
|
}
|
327
354
|
.radio input[type="radio"],
|
328
355
|
.checkbox input[type="checkbox"] {
|
329
356
|
float: none;
|
330
357
|
margin-left: 0;
|
331
358
|
}
|
359
|
+
|
360
|
+
// Validation states
|
361
|
+
//
|
362
|
+
// Reposition the icon because it's now within a grid column and columns have
|
363
|
+
// `position: relative;` on them. Also accounts for the grid gutter padding.
|
364
|
+
.has-feedback .form-control-feedback {
|
365
|
+
top: 0;
|
366
|
+
}
|
332
367
|
}
|
333
368
|
}
|
334
369
|
|
@@ -354,7 +389,7 @@ input[type="checkbox"],
|
|
354
389
|
// and other content below items
|
355
390
|
.radio,
|
356
391
|
.checkbox {
|
357
|
-
min-height: @line-height-computed + (@padding-base-vertical + 1);
|
392
|
+
min-height: (@line-height-computed + (@padding-base-vertical + 1));
|
358
393
|
}
|
359
394
|
|
360
395
|
// Make form groups behave like rows
|
@@ -372,4 +407,13 @@ input[type="checkbox"],
|
|
372
407
|
text-align: right;
|
373
408
|
}
|
374
409
|
}
|
410
|
+
|
411
|
+
// Validation states
|
412
|
+
//
|
413
|
+
// Reposition the icon because it's now within a grid column and columns have
|
414
|
+
// `position: relative;` on them. Also accounts for the grid gutter padding.
|
415
|
+
.has-feedback .form-control-feedback {
|
416
|
+
top: 0;
|
417
|
+
right: (@grid-gutter-width / 2);
|
418
|
+
}
|
375
419
|
}
|