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.
Files changed (47) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +9 -0
  3. data/LICENSE +1 -1
  4. data/README.md +1 -1
  5. data/lib/twbs_less_rails/version.rb +1 -1
  6. data/vendor/assets/javascripts/twbs/bootstrap/affix.js +34 -23
  7. data/vendor/assets/javascripts/twbs/bootstrap/alert.js +5 -15
  8. data/vendor/assets/javascripts/twbs/bootstrap/button.js +21 -29
  9. data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +16 -28
  10. data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +7 -16
  11. data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +19 -26
  12. data/vendor/assets/javascripts/twbs/bootstrap/modal.js +25 -28
  13. data/vendor/assets/javascripts/twbs/bootstrap/popover.js +14 -21
  14. data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +16 -21
  15. data/vendor/assets/javascripts/twbs/bootstrap/tab.js +7 -17
  16. data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +52 -39
  17. data/vendor/assets/javascripts/twbs/bootstrap/transition.js +11 -19
  18. data/vendor/assets/stylesheets/twbs/bootstrap/badges.less +4 -0
  19. data/vendor/assets/stylesheets/twbs/bootstrap/breadcrumbs.less +4 -1
  20. data/vendor/assets/stylesheets/twbs/bootstrap/button-groups.less +10 -11
  21. data/vendor/assets/stylesheets/twbs/bootstrap/buttons.less +8 -8
  22. data/vendor/assets/stylesheets/twbs/bootstrap/code.less +10 -0
  23. data/vendor/assets/stylesheets/twbs/bootstrap/dropdowns.less +28 -2
  24. data/vendor/assets/stylesheets/twbs/bootstrap/forms.less +82 -38
  25. data/vendor/assets/stylesheets/twbs/bootstrap/glyphicons.less +1 -5
  26. data/vendor/assets/stylesheets/twbs/bootstrap/grid.less +26 -5
  27. data/vendor/assets/stylesheets/twbs/bootstrap/input-groups.less +39 -18
  28. data/vendor/assets/stylesheets/twbs/bootstrap/jumbotron.less +3 -5
  29. data/vendor/assets/stylesheets/twbs/bootstrap/list-group.less +25 -3
  30. data/vendor/assets/stylesheets/twbs/bootstrap/mixins.less +130 -49
  31. data/vendor/assets/stylesheets/twbs/bootstrap/modals.less +16 -7
  32. data/vendor/assets/stylesheets/twbs/bootstrap/navbar.less +24 -20
  33. data/vendor/assets/stylesheets/twbs/bootstrap/navs.less +2 -2
  34. data/vendor/assets/stylesheets/twbs/bootstrap/normalize.less +139 -122
  35. data/vendor/assets/stylesheets/twbs/bootstrap/pager.less +5 -5
  36. data/vendor/assets/stylesheets/twbs/bootstrap/pagination.less +6 -3
  37. data/vendor/assets/stylesheets/twbs/bootstrap/panels.less +64 -16
  38. data/vendor/assets/stylesheets/twbs/bootstrap/print.less +0 -4
  39. data/vendor/assets/stylesheets/twbs/bootstrap/responsive-utilities.less +13 -129
  40. data/vendor/assets/stylesheets/twbs/bootstrap/scaffolding.less +17 -2
  41. data/vendor/assets/stylesheets/twbs/bootstrap/tables.less +3 -1
  42. data/vendor/assets/stylesheets/twbs/bootstrap/theme.less +1 -1
  43. data/vendor/assets/stylesheets/twbs/bootstrap/tooltip.less +1 -1
  44. data/vendor/assets/stylesheets/twbs/bootstrap/type.less +78 -63
  45. data/vendor/assets/stylesheets/twbs/bootstrap/variables.less +346 -161
  46. data/vendor/assets/stylesheets/twbs/bootstrap/wells.less +1 -1
  47. 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#glyphicons-halflingsregular') format('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
- // Set the container width, and override it for fixed navbars in media queries
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
- // mobile first defaults
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 to only have a 1px border between the two
118
- &:first-child > .btn {
119
- margin-right: -1px;
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
- &:last-child > .btn {
122
- margin-left: -1px;
123
- }
124
- }
125
- .input-group-btn > .btn {
126
- position: relative;
127
- // Jankily prevent input button groups from wrapping
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
- // Bring the "active" button to the front
132
- &:hover,
133
- &:active {
134
- z-index: 2;
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
- line-height: 1.4;
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: lighten(@list-group-active-bg, 40%);
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
- > thead,
419
- > tbody,
420
- > tfoot {
421
- > tr > .@{state},
422
- > .@{state} > td,
423
- > .@{state} > th {
424
- background-color: @background;
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
- > tr > .@{state}:hover,
433
- > .@{state}:hover > td,
434
- > .@{state}:hover > th {
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: #fff;
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
  }