Files
@ 77f735c85673
Branch filter:
Location: Copyleft/copyleft-wiki/bootstrap-3.0.0/less/input-groups.less - annotation
77f735c85673
3.0 KiB
text/x-less-css
Maybe padding goes here?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 | b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c | //
// Input groups
// --------------------------------------------------
// Base styles
// -------------------------
.input-group {
position: relative; // For dropdowns
display: table;
border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
// Undo padding and float of grid classes
&.col {
float: none;
padding-left: 0;
padding-right: 0;
}
.form-control {
width: 100%;
margin-bottom: 0;
}
}
// Sizing options
//
// Remix the default form control sizing classes into new ones for easier
// manipulation.
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { .input-lg(); }
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { .input-sm(); }
// Display as table-cell
// -------------------------
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
&:not(:first-child):not(:last-child) {
border-radius: 0;
}
}
// Addon and addon wrapper for buttons
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; // Match the inputs
}
// Text input groups
// -------------------------
.input-group-addon {
padding: @padding-base-vertical @padding-base-horizontal;
font-size: @font-size-base;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: @input-group-addon-bg;
border: 1px solid @input-group-addon-border-color;
border-radius: @border-radius-base;
// Sizing
&.input-sm {
padding: @padding-small-vertical @padding-small-horizontal;
font-size: @font-size-small;
border-radius: @border-radius-small;
}
&.input-lg {
padding: @padding-large-vertical @padding-large-horizontal;
font-size: @font-size-large;
border-radius: @border-radius-large;
}
// Nuke default margins from checkboxes and radios to vertically center within.
input[type="radio"],
input[type="checkbox"] {
margin-top: 0;
}
}
// Reset rounded corners
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
.border-right-radius(0);
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
.border-left-radius(0);
}
.input-group-addon:last-child {
border-left: 0;
}
// Button input groups
// -------------------------
.input-group-btn {
position: relative;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
// Jankily prevent input button groups from wrapping
+ .btn {
margin-left: -4px;
}
// Bring the "active" button to the front
&:hover,
&:active {
z-index: 2;
}
}
|