twbs_less_rails 2.7.2 → 2.8.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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +9 -0
- data/LICENSE +1 -1
- data/README.md +1 -1
- data/lib/twbs_less_rails/version.rb +1 -1
- data/vendor/assets/javascripts/twbs/bootstrap/affix.js +34 -23
- data/vendor/assets/javascripts/twbs/bootstrap/alert.js +5 -15
- data/vendor/assets/javascripts/twbs/bootstrap/button.js +21 -29
- data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +16 -28
- data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +7 -16
- data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +19 -26
- data/vendor/assets/javascripts/twbs/bootstrap/modal.js +25 -28
- data/vendor/assets/javascripts/twbs/bootstrap/popover.js +14 -21
- data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +16 -21
- data/vendor/assets/javascripts/twbs/bootstrap/tab.js +7 -17
- data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +52 -39
- data/vendor/assets/javascripts/twbs/bootstrap/transition.js +11 -19
- data/vendor/assets/stylesheets/twbs/bootstrap/badges.less +4 -0
- data/vendor/assets/stylesheets/twbs/bootstrap/breadcrumbs.less +4 -1
- data/vendor/assets/stylesheets/twbs/bootstrap/button-groups.less +10 -11
- data/vendor/assets/stylesheets/twbs/bootstrap/buttons.less +8 -8
- data/vendor/assets/stylesheets/twbs/bootstrap/code.less +10 -0
- data/vendor/assets/stylesheets/twbs/bootstrap/dropdowns.less +28 -2
- data/vendor/assets/stylesheets/twbs/bootstrap/forms.less +82 -38
- data/vendor/assets/stylesheets/twbs/bootstrap/glyphicons.less +1 -5
- data/vendor/assets/stylesheets/twbs/bootstrap/grid.less +26 -5
- data/vendor/assets/stylesheets/twbs/bootstrap/input-groups.less +39 -18
- data/vendor/assets/stylesheets/twbs/bootstrap/jumbotron.less +3 -5
- data/vendor/assets/stylesheets/twbs/bootstrap/list-group.less +25 -3
- data/vendor/assets/stylesheets/twbs/bootstrap/mixins.less +130 -49
- data/vendor/assets/stylesheets/twbs/bootstrap/modals.less +16 -7
- data/vendor/assets/stylesheets/twbs/bootstrap/navbar.less +24 -20
- data/vendor/assets/stylesheets/twbs/bootstrap/navs.less +2 -2
- data/vendor/assets/stylesheets/twbs/bootstrap/normalize.less +139 -122
- data/vendor/assets/stylesheets/twbs/bootstrap/pager.less +5 -5
- data/vendor/assets/stylesheets/twbs/bootstrap/pagination.less +6 -3
- data/vendor/assets/stylesheets/twbs/bootstrap/panels.less +64 -16
- data/vendor/assets/stylesheets/twbs/bootstrap/print.less +0 -4
- data/vendor/assets/stylesheets/twbs/bootstrap/responsive-utilities.less +13 -129
- data/vendor/assets/stylesheets/twbs/bootstrap/scaffolding.less +17 -2
- data/vendor/assets/stylesheets/twbs/bootstrap/tables.less +3 -1
- data/vendor/assets/stylesheets/twbs/bootstrap/theme.less +1 -1
- data/vendor/assets/stylesheets/twbs/bootstrap/tooltip.less +1 -1
- data/vendor/assets/stylesheets/twbs/bootstrap/type.less +78 -63
- data/vendor/assets/stylesheets/twbs/bootstrap/variables.less +346 -161
- data/vendor/assets/stylesheets/twbs/bootstrap/wells.less +1 -1
- metadata +2 -2
@@ -14,7 +14,7 @@
|
|
14
14
|
src: asset-url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
|
15
15
|
asset-url('glyphicons-halflings-regular.woff') format('woff'),
|
16
16
|
asset-url('glyphicons-halflings-regular.ttf') format('truetype'),
|
17
|
-
asset-url('glyphicons-halflings-regular.svg
|
17
|
+
asset-url('glyphicons-halflings-regular.svg#@{icon-font-svg-id}') format('svg');
|
18
18
|
}
|
19
19
|
|
20
20
|
// Catchall baseclass
|
@@ -28,10 +28,6 @@
|
|
28
28
|
line-height: 1;
|
29
29
|
-webkit-font-smoothing: antialiased;
|
30
30
|
-moz-osx-font-smoothing: grayscale;
|
31
|
-
|
32
|
-
&:empty {
|
33
|
-
width: 1em;
|
34
|
-
}
|
35
31
|
}
|
36
32
|
|
37
33
|
// Individual icons
|
@@ -2,14 +2,18 @@
|
|
2
2
|
// Grid system
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
|
-
|
5
|
+
|
6
|
+
// Container widths
|
7
|
+
//
|
8
|
+
// Set the container width, and override it for fixed navbars in media queries.
|
9
|
+
|
6
10
|
.container {
|
7
11
|
.container-fixed();
|
8
12
|
|
9
|
-
@media (min-width: @screen-sm) {
|
13
|
+
@media (min-width: @screen-sm-min) {
|
10
14
|
width: @container-sm;
|
11
15
|
}
|
12
|
-
@media (min-width: @screen-md) {
|
16
|
+
@media (min-width: @screen-md-min) {
|
13
17
|
width: @container-md;
|
14
18
|
}
|
15
19
|
@media (min-width: @screen-lg-min) {
|
@@ -17,12 +21,30 @@
|
|
17
21
|
}
|
18
22
|
}
|
19
23
|
|
20
|
-
|
24
|
+
|
25
|
+
// Fluid container
|
26
|
+
//
|
27
|
+
// Utilizes the mixin meant for fixed width containers, but without any defined
|
28
|
+
// width for fluid, full width layouts.
|
29
|
+
|
30
|
+
.container-fluid {
|
31
|
+
.container-fixed();
|
32
|
+
}
|
33
|
+
|
34
|
+
|
35
|
+
// Row
|
36
|
+
//
|
37
|
+
// Rows contain and clear the floats of your columns.
|
38
|
+
|
21
39
|
.row {
|
22
40
|
.make-row();
|
23
41
|
}
|
24
42
|
|
43
|
+
|
44
|
+
// Columns
|
45
|
+
//
|
25
46
|
// Common styles for small and large grid columns
|
47
|
+
|
26
48
|
.make-grid-columns();
|
27
49
|
|
28
50
|
|
@@ -76,4 +98,3 @@
|
|
76
98
|
.make-grid(@grid-columns, lg, push);
|
77
99
|
.make-grid(@grid-columns, lg, offset);
|
78
100
|
}
|
79
|
-
|
@@ -17,6 +17,11 @@
|
|
17
17
|
}
|
18
18
|
|
19
19
|
.form-control {
|
20
|
+
// IE9 fubars the placeholder attribute in text inputs and the arrows on
|
21
|
+
// select elements in input groups. To fix it, we float the input. Details:
|
22
|
+
// https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
|
23
|
+
float: left;
|
24
|
+
|
20
25
|
width: 100%;
|
21
26
|
margin-bottom: 0;
|
22
27
|
}
|
@@ -90,8 +95,10 @@
|
|
90
95
|
.input-group .form-control:first-child,
|
91
96
|
.input-group-addon:first-child,
|
92
97
|
.input-group-btn:first-child > .btn,
|
98
|
+
.input-group-btn:first-child > .btn-group > .btn,
|
93
99
|
.input-group-btn:first-child > .dropdown-toggle,
|
94
|
-
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle)
|
100
|
+
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
101
|
+
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
|
95
102
|
.border-right-radius(0);
|
96
103
|
}
|
97
104
|
.input-group-addon:first-child {
|
@@ -100,8 +107,10 @@
|
|
100
107
|
.input-group .form-control:last-child,
|
101
108
|
.input-group-addon:last-child,
|
102
109
|
.input-group-btn:last-child > .btn,
|
110
|
+
.input-group-btn:last-child > .btn-group > .btn,
|
103
111
|
.input-group-btn:last-child > .dropdown-toggle,
|
104
|
-
.input-group-btn:first-child > .btn:not(:first-child)
|
112
|
+
.input-group-btn:first-child > .btn:not(:first-child),
|
113
|
+
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
|
105
114
|
.border-left-radius(0);
|
106
115
|
}
|
107
116
|
.input-group-addon:last-child {
|
@@ -112,25 +121,37 @@
|
|
112
121
|
// -------------------------
|
113
122
|
.input-group-btn {
|
114
123
|
position: relative;
|
124
|
+
// Jankily prevent input button groups from wrapping with `white-space` and
|
125
|
+
// `font-size` in combination with `inline-block` on buttons.
|
126
|
+
font-size: 0;
|
115
127
|
white-space: nowrap;
|
116
128
|
|
117
|
-
// Negative margin
|
118
|
-
|
119
|
-
|
129
|
+
// Negative margin for spacing, position for bringing hovered/focused/actived
|
130
|
+
// element above the siblings.
|
131
|
+
> .btn {
|
132
|
+
position: relative;
|
133
|
+
+ .btn {
|
134
|
+
margin-left: -1px;
|
135
|
+
}
|
136
|
+
// Bring the "active" button to the front
|
137
|
+
&:hover,
|
138
|
+
&:focus,
|
139
|
+
&:active {
|
140
|
+
z-index: 2;
|
141
|
+
}
|
120
142
|
}
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
+ .btn {
|
129
|
-
margin-left: -4px;
|
143
|
+
|
144
|
+
// Negative margin to only have a 1px border between the two
|
145
|
+
&:first-child {
|
146
|
+
> .btn,
|
147
|
+
> .btn-group {
|
148
|
+
margin-right: -1px;
|
149
|
+
}
|
130
150
|
}
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
151
|
+
&:last-child {
|
152
|
+
> .btn,
|
153
|
+
> .btn-group {
|
154
|
+
margin-left: -1px;
|
155
|
+
}
|
135
156
|
}
|
136
157
|
}
|
@@ -6,19 +6,17 @@
|
|
6
6
|
.jumbotron {
|
7
7
|
padding: @jumbotron-padding;
|
8
8
|
margin-bottom: @jumbotron-padding;
|
9
|
-
font-size: @jumbotron-font-size;
|
10
|
-
font-weight: 200;
|
11
|
-
line-height: (@line-height-base * 1.5);
|
12
9
|
color: @jumbotron-color;
|
13
10
|
background-color: @jumbotron-bg;
|
14
11
|
|
15
12
|
h1,
|
16
13
|
.h1 {
|
17
|
-
line-height: 1;
|
18
14
|
color: @jumbotron-heading-color;
|
19
15
|
}
|
20
16
|
p {
|
21
|
-
|
17
|
+
margin-bottom: (@jumbotron-padding / 2);
|
18
|
+
font-size: @jumbotron-font-size;
|
19
|
+
font-weight: 200;
|
22
20
|
}
|
23
21
|
|
24
22
|
.container & {
|
@@ -2,17 +2,21 @@
|
|
2
2
|
// List groups
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
|
+
|
5
6
|
// Base class
|
6
7
|
//
|
7
8
|
// Easily usable on <ul>, <ol>, or <div>.
|
9
|
+
|
8
10
|
.list-group {
|
9
11
|
// No need to set list-style: none; since .list-group-item is block level
|
10
12
|
margin-bottom: 20px;
|
11
13
|
padding-left: 0; // reset padding because ul and ol
|
12
14
|
}
|
13
15
|
|
16
|
+
|
14
17
|
// Individual list items
|
15
|
-
//
|
18
|
+
//
|
19
|
+
// Use on `li`s or `div`s within the `.list-group` parent.
|
16
20
|
|
17
21
|
.list-group-item {
|
18
22
|
position: relative;
|
@@ -41,7 +45,12 @@
|
|
41
45
|
}
|
42
46
|
}
|
43
47
|
|
48
|
+
|
44
49
|
// Linked list items
|
50
|
+
//
|
51
|
+
// Use anchor elements instead of `li`s or `div`s to create linked list items.
|
52
|
+
// Includes an extra `.active` modifier class for showing selected items.
|
53
|
+
|
45
54
|
a.list-group-item {
|
46
55
|
color: @list-group-link-color;
|
47
56
|
|
@@ -70,13 +79,26 @@ a.list-group-item {
|
|
70
79
|
color: inherit;
|
71
80
|
}
|
72
81
|
.list-group-item-text {
|
73
|
-
color:
|
82
|
+
color: @list-group-active-text-color;
|
74
83
|
}
|
75
84
|
}
|
76
85
|
}
|
77
86
|
|
87
|
+
|
88
|
+
// Contextual variants
|
89
|
+
//
|
90
|
+
// Add modifier classes to change text and background color on individual items.
|
91
|
+
// Organizationally, this must come after the `:hover` states.
|
92
|
+
|
93
|
+
.list-group-item-variant(success; @state-success-bg; @state-success-text);
|
94
|
+
.list-group-item-variant(info; @state-info-bg; @state-info-text);
|
95
|
+
.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
|
96
|
+
.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
|
97
|
+
|
98
|
+
|
78
99
|
// Custom content options
|
79
|
-
//
|
100
|
+
//
|
101
|
+
// Extra classes for creating well-formatted content within `.list-group-item`s.
|
80
102
|
|
81
103
|
.list-group-item-heading {
|
82
104
|
margin-top: 0;
|
@@ -115,6 +115,10 @@
|
|
115
115
|
}
|
116
116
|
|
117
117
|
// Drop shadows
|
118
|
+
//
|
119
|
+
// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
|
120
|
+
// supported browsers that have box shadow capabilities now support the
|
121
|
+
// standard `box-shadow` property.
|
118
122
|
.box-shadow(@shadow) {
|
119
123
|
-webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
|
120
124
|
box-shadow: @shadow;
|
@@ -147,17 +151,17 @@
|
|
147
151
|
// Transformations
|
148
152
|
.rotate(@degrees) {
|
149
153
|
-webkit-transform: rotate(@degrees);
|
150
|
-
-ms-transform: rotate(@degrees); // IE9
|
154
|
+
-ms-transform: rotate(@degrees); // IE9 only
|
151
155
|
transform: rotate(@degrees);
|
152
156
|
}
|
153
|
-
.scale(@ratio) {
|
154
|
-
-webkit-transform: scale(@ratio);
|
155
|
-
-ms-transform: scale(@ratio); // IE9
|
156
|
-
transform: scale(@ratio);
|
157
|
+
.scale(@ratio; @ratio-y...) {
|
158
|
+
-webkit-transform: scale(@ratio, @ratio-y);
|
159
|
+
-ms-transform: scale(@ratio, @ratio-y); // IE9 only
|
160
|
+
transform: scale(@ratio, @ratio-y);
|
157
161
|
}
|
158
162
|
.translate(@x; @y) {
|
159
163
|
-webkit-transform: translate(@x, @y);
|
160
|
-
-ms-transform: translate(@x, @y); // IE9
|
164
|
+
-ms-transform: translate(@x, @y); // IE9 only
|
161
165
|
transform: translate(@x, @y);
|
162
166
|
}
|
163
167
|
.skew(@x; @y) {
|
@@ -172,12 +176,12 @@
|
|
172
176
|
|
173
177
|
.rotateX(@degrees) {
|
174
178
|
-webkit-transform: rotateX(@degrees);
|
175
|
-
-ms-transform: rotateX(@degrees); // IE9
|
179
|
+
-ms-transform: rotateX(@degrees); // IE9 only
|
176
180
|
transform: rotateX(@degrees);
|
177
181
|
}
|
178
182
|
.rotateY(@degrees) {
|
179
183
|
-webkit-transform: rotateY(@degrees);
|
180
|
-
-ms-transform: rotateY(@degrees); // IE9
|
184
|
+
-ms-transform: rotateY(@degrees); // IE9 only
|
181
185
|
transform: rotateY(@degrees);
|
182
186
|
}
|
183
187
|
.perspective(@perspective) {
|
@@ -193,6 +197,7 @@
|
|
193
197
|
.transform-origin(@origin) {
|
194
198
|
-webkit-transform-origin: @origin;
|
195
199
|
-moz-transform-origin: @origin;
|
200
|
+
-ms-transform-origin: @origin; // IE9 only
|
196
201
|
transform-origin: @origin;
|
197
202
|
}
|
198
203
|
|
@@ -201,6 +206,30 @@
|
|
201
206
|
-webkit-animation: @animation;
|
202
207
|
animation: @animation;
|
203
208
|
}
|
209
|
+
.animation-name(@name) {
|
210
|
+
-webkit-animation-name: @name;
|
211
|
+
animation-name: @name;
|
212
|
+
}
|
213
|
+
.animation-duration(@duration) {
|
214
|
+
-webkit-animation-duration: @duration;
|
215
|
+
animation-duration: @duration;
|
216
|
+
}
|
217
|
+
.animation-timing-function(@timing-function) {
|
218
|
+
-webkit-animation-timing-function: @timing-function;
|
219
|
+
animation-timing-function: @timing-function;
|
220
|
+
}
|
221
|
+
.animation-delay(@delay) {
|
222
|
+
-webkit-animation-delay: @delay;
|
223
|
+
animation-delay: @delay;
|
224
|
+
}
|
225
|
+
.animation-iteration-count(@iteration-count) {
|
226
|
+
-webkit-animation-iteration-count: @iteration-count;
|
227
|
+
animation-iteration-count: @iteration-count;
|
228
|
+
}
|
229
|
+
.animation-direction(@direction) {
|
230
|
+
-webkit-animation-direction: @direction;
|
231
|
+
animation-direction: @direction;
|
232
|
+
}
|
204
233
|
|
205
234
|
// Backface visibility
|
206
235
|
// Prevent browsers from flickering when using CSS 3D transforms.
|
@@ -353,7 +382,7 @@
|
|
353
382
|
//
|
354
383
|
// Keep images from scaling beyond the width of their parents.
|
355
384
|
|
356
|
-
.img-responsive(@display: block
|
385
|
+
.img-responsive(@display: block) {
|
357
386
|
display: @display;
|
358
387
|
max-width: 100%; // Part 1: Set a maximum relative to the parent
|
359
388
|
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
|
@@ -414,29 +443,57 @@
|
|
414
443
|
.table-row-variant(@state; @background) {
|
415
444
|
// Exact selectors below required to override `.table-striped` and prevent
|
416
445
|
// inheritance to nested tables.
|
417
|
-
.table
|
418
|
-
|
419
|
-
|
420
|
-
>
|
421
|
-
|
422
|
-
|
423
|
-
|
424
|
-
|
425
|
-
}
|
446
|
+
.table > thead > tr,
|
447
|
+
.table > tbody > tr,
|
448
|
+
.table > tfoot > tr {
|
449
|
+
> td.@{state},
|
450
|
+
> th.@{state},
|
451
|
+
&.@{state} > td,
|
452
|
+
&.@{state} > th {
|
453
|
+
background-color: @background;
|
426
454
|
}
|
427
455
|
}
|
428
456
|
|
429
457
|
// Hover states for `.table-hover`
|
430
458
|
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
431
|
-
.table-hover > tbody {
|
432
|
-
>
|
433
|
-
> .@{state}:hover
|
434
|
-
|
459
|
+
.table-hover > tbody > tr {
|
460
|
+
> td.@{state}:hover,
|
461
|
+
> th.@{state}:hover,
|
462
|
+
&.@{state}:hover > td,
|
463
|
+
&.@{state}:hover > th {
|
435
464
|
background-color: darken(@background, 5%);
|
436
465
|
}
|
437
466
|
}
|
438
467
|
}
|
439
468
|
|
469
|
+
// List Groups
|
470
|
+
// -------------------------
|
471
|
+
.list-group-item-variant(@state; @background; @color) {
|
472
|
+
.list-group-item-@{state} {
|
473
|
+
color: @color;
|
474
|
+
background-color: @background;
|
475
|
+
|
476
|
+
a& {
|
477
|
+
color: @color;
|
478
|
+
|
479
|
+
.list-group-item-heading { color: inherit; }
|
480
|
+
|
481
|
+
&:hover,
|
482
|
+
&:focus {
|
483
|
+
color: @color;
|
484
|
+
background-color: darken(@background, 5%);
|
485
|
+
}
|
486
|
+
&.active,
|
487
|
+
&.active:hover,
|
488
|
+
&.active:focus {
|
489
|
+
color: #fff;
|
490
|
+
background-color: @color;
|
491
|
+
border-color: @color;
|
492
|
+
}
|
493
|
+
}
|
494
|
+
}
|
495
|
+
}
|
496
|
+
|
440
497
|
// Button variants
|
441
498
|
// -------------------------
|
442
499
|
// Easily pump out default styles, as well as :hover, :focus, :active,
|
@@ -475,7 +532,7 @@
|
|
475
532
|
|
476
533
|
.badge {
|
477
534
|
color: @background;
|
478
|
-
background-color:
|
535
|
+
background-color: @color;
|
479
536
|
}
|
480
537
|
}
|
481
538
|
|
@@ -524,6 +581,24 @@
|
|
524
581
|
}
|
525
582
|
}
|
526
583
|
|
584
|
+
// Contextual backgrounds
|
585
|
+
// -------------------------
|
586
|
+
.bg-variant(@color) {
|
587
|
+
background-color: @color;
|
588
|
+
a&:hover {
|
589
|
+
background-color: darken(@color, 10%);
|
590
|
+
}
|
591
|
+
}
|
592
|
+
|
593
|
+
// Typography
|
594
|
+
// -------------------------
|
595
|
+
.text-emphasis-variant(@color) {
|
596
|
+
color: @color;
|
597
|
+
a&:hover {
|
598
|
+
color: darken(@color, 10%);
|
599
|
+
}
|
600
|
+
}
|
601
|
+
|
527
602
|
// Navbar vertical align
|
528
603
|
// -------------------------
|
529
604
|
// Vertically center elements in the navbar.
|
@@ -570,14 +645,14 @@
|
|
570
645
|
margin-left: auto;
|
571
646
|
padding-left: (@grid-gutter-width / 2);
|
572
647
|
padding-right: (@grid-gutter-width / 2);
|
573
|
-
.clearfix
|
648
|
+
&:extend(.clearfix all);
|
574
649
|
}
|
575
650
|
|
576
651
|
// Creates a wrapper for a series of columns
|
577
652
|
.make-row(@gutter: @grid-gutter-width) {
|
578
653
|
margin-left: (@gutter / -2);
|
579
654
|
margin-right: (@gutter / -2);
|
580
|
-
.clearfix
|
655
|
+
&:extend(.clearfix all);
|
581
656
|
}
|
582
657
|
|
583
658
|
// Generate the extra small columns
|
@@ -585,30 +660,39 @@
|
|
585
660
|
position: relative;
|
586
661
|
float: left;
|
587
662
|
width: percentage((@columns / @grid-columns));
|
588
|
-
// Prevent columns from collapsing when empty
|
589
663
|
min-height: 1px;
|
590
|
-
// Inner gutter via padding
|
591
664
|
padding-left: (@gutter / 2);
|
592
665
|
padding-right: (@gutter / 2);
|
593
666
|
}
|
667
|
+
.make-xs-column-offset(@columns) {
|
668
|
+
@media (min-width: @screen-xs-min) {
|
669
|
+
margin-left: percentage((@columns / @grid-columns));
|
670
|
+
}
|
671
|
+
}
|
672
|
+
.make-xs-column-push(@columns) {
|
673
|
+
@media (min-width: @screen-xs-min) {
|
674
|
+
left: percentage((@columns / @grid-columns));
|
675
|
+
}
|
676
|
+
}
|
677
|
+
.make-xs-column-pull(@columns) {
|
678
|
+
@media (min-width: @screen-xs-min) {
|
679
|
+
right: percentage((@columns / @grid-columns));
|
680
|
+
}
|
681
|
+
}
|
682
|
+
|
594
683
|
|
595
684
|
// Generate the small columns
|
596
685
|
.make-sm-column(@columns; @gutter: @grid-gutter-width) {
|
597
686
|
position: relative;
|
598
|
-
// Prevent columns from collapsing when empty
|
599
687
|
min-height: 1px;
|
600
|
-
// Inner gutter via padding
|
601
688
|
padding-left: (@gutter / 2);
|
602
689
|
padding-right: (@gutter / 2);
|
603
690
|
|
604
|
-
// Calculate width based on number of columns available
|
605
691
|
@media (min-width: @screen-sm-min) {
|
606
692
|
float: left;
|
607
693
|
width: percentage((@columns / @grid-columns));
|
608
694
|
}
|
609
695
|
}
|
610
|
-
|
611
|
-
// Generate the small column offsets
|
612
696
|
.make-sm-column-offset(@columns) {
|
613
697
|
@media (min-width: @screen-sm-min) {
|
614
698
|
margin-left: percentage((@columns / @grid-columns));
|
@@ -625,30 +709,26 @@
|
|
625
709
|
}
|
626
710
|
}
|
627
711
|
|
712
|
+
|
628
713
|
// Generate the medium columns
|
629
714
|
.make-md-column(@columns; @gutter: @grid-gutter-width) {
|
630
715
|
position: relative;
|
631
|
-
// Prevent columns from collapsing when empty
|
632
716
|
min-height: 1px;
|
633
|
-
// Inner gutter via padding
|
634
717
|
padding-left: (@gutter / 2);
|
635
718
|
padding-right: (@gutter / 2);
|
636
719
|
|
637
|
-
// Calculate width based on number of columns available
|
638
720
|
@media (min-width: @screen-md-min) {
|
639
721
|
float: left;
|
640
722
|
width: percentage((@columns / @grid-columns));
|
641
723
|
}
|
642
724
|
}
|
643
|
-
|
644
|
-
// Generate the medium column offsets
|
645
725
|
.make-md-column-offset(@columns) {
|
646
726
|
@media (min-width: @screen-md-min) {
|
647
727
|
margin-left: percentage((@columns / @grid-columns));
|
648
728
|
}
|
649
729
|
}
|
650
730
|
.make-md-column-push(@columns) {
|
651
|
-
@media (min-width: @screen-md) {
|
731
|
+
@media (min-width: @screen-md-min) {
|
652
732
|
left: percentage((@columns / @grid-columns));
|
653
733
|
}
|
654
734
|
}
|
@@ -658,23 +738,19 @@
|
|
658
738
|
}
|
659
739
|
}
|
660
740
|
|
741
|
+
|
661
742
|
// Generate the large columns
|
662
743
|
.make-lg-column(@columns; @gutter: @grid-gutter-width) {
|
663
744
|
position: relative;
|
664
|
-
// Prevent columns from collapsing when empty
|
665
745
|
min-height: 1px;
|
666
|
-
// Inner gutter via padding
|
667
746
|
padding-left: (@gutter / 2);
|
668
747
|
padding-right: (@gutter / 2);
|
669
748
|
|
670
|
-
// Calculate width based on number of columns available
|
671
749
|
@media (min-width: @screen-lg-min) {
|
672
750
|
float: left;
|
673
751
|
width: percentage((@columns / @grid-columns));
|
674
752
|
}
|
675
753
|
}
|
676
|
-
|
677
|
-
// Generate the large column offsets
|
678
754
|
.make-lg-column-offset(@columns) {
|
679
755
|
@media (min-width: @screen-lg-min) {
|
680
756
|
margin-left: percentage((@columns / @grid-columns));
|
@@ -701,11 +777,11 @@
|
|
701
777
|
// Common styles for all sizes of grid columns, widths 1-12
|
702
778
|
.col(@index) when (@index = 1) { // initial
|
703
779
|
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
|
704
|
-
.col(@index + 1, @item);
|
780
|
+
.col((@index + 1), @item);
|
705
781
|
}
|
706
782
|
.col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
|
707
783
|
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
|
708
|
-
.col(@index + 1, ~"@{list}, @{item}");
|
784
|
+
.col((@index + 1), ~"@{list}, @{item}");
|
709
785
|
}
|
710
786
|
.col(@index, @list) when (@index > @grid-columns) { // terminal
|
711
787
|
@{list} {
|
@@ -723,11 +799,11 @@
|
|
723
799
|
.make-grid-columns-float(@class) {
|
724
800
|
.col(@index) when (@index = 1) { // initial
|
725
801
|
@item: ~".col-@{class}-@{index}";
|
726
|
-
.col(@index + 1, @item);
|
802
|
+
.col((@index + 1), @item);
|
727
803
|
}
|
728
804
|
.col(@index, @list) when (@index =< @grid-columns) { // general
|
729
805
|
@item: ~".col-@{class}-@{index}";
|
730
|
-
.col(@index + 1, ~"@{list}, @{item}");
|
806
|
+
.col((@index + 1), ~"@{list}, @{item}");
|
731
807
|
}
|
732
808
|
.col(@index, @list) when (@index > @grid-columns) { // terminal
|
733
809
|
@{list} {
|
@@ -762,7 +838,7 @@
|
|
762
838
|
.make-grid(@index, @class, @type) when (@index >= 0) {
|
763
839
|
.calc-grid(@index, @class, @type);
|
764
840
|
// next iteration
|
765
|
-
.make-grid(@index - 1, @class, @type);
|
841
|
+
.make-grid((@index - 1), @class, @type);
|
766
842
|
}
|
767
843
|
|
768
844
|
|
@@ -797,6 +873,10 @@
|
|
797
873
|
border-color: @border-color;
|
798
874
|
background-color: @background-color;
|
799
875
|
}
|
876
|
+
// Optional feedback icon
|
877
|
+
.form-control-feedback {
|
878
|
+
color: @text-color;
|
879
|
+
}
|
800
880
|
}
|
801
881
|
|
802
882
|
// Form control focus state
|
@@ -839,7 +919,8 @@
|
|
839
919
|
line-height: @input-height;
|
840
920
|
}
|
841
921
|
|
842
|
-
textarea
|
922
|
+
textarea&,
|
923
|
+
select[multiple]& {
|
843
924
|
height: auto;
|
844
925
|
}
|
845
926
|
}
|