3 // --------------------------------------------------
6 // -------------------------
8 position: relative; // For dropdowns
10 border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
12 // Undo padding and float of grid classes
27 // Remix the default form control sizing classes into new ones for easier
30 .input-group-lg > .form-control,
31 .input-group-lg > .input-group-addon,
32 .input-group-lg > .input-group-btn > .btn { .input-lg(); }
33 .input-group-sm > .form-control,
34 .input-group-sm > .input-group-addon,
35 .input-group-sm > .input-group-btn > .btn { .input-sm(); }
38 // Display as table-cell
39 // -------------------------
42 .input-group .form-control {
45 &:not(:first-child):not(:last-child) {
49 // Addon and addon wrapper for buttons
54 vertical-align: middle; // Match the inputs
58 // -------------------------
60 padding: @padding-base-vertical @padding-base-horizontal;
61 font-size: @font-size-base;
65 background-color: @input-group-addon-bg;
66 border: 1px solid @input-group-addon-border-color;
67 border-radius: @border-radius-base;
71 padding: @padding-small-vertical @padding-small-horizontal;
72 font-size: @font-size-small;
73 border-radius: @border-radius-small;
76 padding: @padding-large-vertical @padding-large-horizontal;
77 font-size: @font-size-large;
78 border-radius: @border-radius-large;
81 // Nuke default margins from checkboxes and radios to vertically center within.
83 input[type="checkbox"] {
88 // Reset rounded corners
89 .input-group .form-control:first-child,
90 .input-group-addon:first-child,
91 .input-group-btn:first-child > .btn,
92 .input-group-btn:first-child > .dropdown-toggle,
93 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
94 .border-right-radius(0);
96 .input-group-addon:first-child {
99 .input-group .form-control:last-child,
100 .input-group-addon:last-child,
101 .input-group-btn:last-child > .btn,
102 .input-group-btn:last-child > .dropdown-toggle,
103 .input-group-btn:first-child > .btn:not(:first-child) {
104 .border-left-radius(0);
106 .input-group-addon:last-child {
110 // Button input groups
111 // -------------------------
116 .input-group-btn > .btn {
118 // Jankily prevent input button groups from wrapping
122 // Bring the "active" button to the front