1.1 --- a/bootstrap-source/bootstrap-3.0.3/less/input-groups.less Sat Jan 18 12:34:36 2014 +0100
1.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000
1.3 @@ -1,136 +0,0 @@
1.4 -//
1.5 -// Input groups
1.6 -// --------------------------------------------------
1.7 -
1.8 -// Base styles
1.9 -// -------------------------
1.10 -.input-group {
1.11 - position: relative; // For dropdowns
1.12 - display: table;
1.13 - border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
1.14 -
1.15 - // Undo padding and float of grid classes
1.16 - &[class*="col-"] {
1.17 - float: none;
1.18 - padding-left: 0;
1.19 - padding-right: 0;
1.20 - }
1.21 -
1.22 - .form-control {
1.23 - width: 100%;
1.24 - margin-bottom: 0;
1.25 - }
1.26 -}
1.27 -
1.28 -// Sizing options
1.29 -//
1.30 -// Remix the default form control sizing classes into new ones for easier
1.31 -// manipulation.
1.32 -
1.33 -.input-group-lg > .form-control,
1.34 -.input-group-lg > .input-group-addon,
1.35 -.input-group-lg > .input-group-btn > .btn { .input-lg(); }
1.36 -.input-group-sm > .form-control,
1.37 -.input-group-sm > .input-group-addon,
1.38 -.input-group-sm > .input-group-btn > .btn { .input-sm(); }
1.39 -
1.40 -
1.41 -// Display as table-cell
1.42 -// -------------------------
1.43 -.input-group-addon,
1.44 -.input-group-btn,
1.45 -.input-group .form-control {
1.46 - display: table-cell;
1.47 -
1.48 - &:not(:first-child):not(:last-child) {
1.49 - border-radius: 0;
1.50 - }
1.51 -}
1.52 -// Addon and addon wrapper for buttons
1.53 -.input-group-addon,
1.54 -.input-group-btn {
1.55 - width: 1%;
1.56 - white-space: nowrap;
1.57 - vertical-align: middle; // Match the inputs
1.58 -}
1.59 -
1.60 -// Text input groups
1.61 -// -------------------------
1.62 -.input-group-addon {
1.63 - padding: @padding-base-vertical @padding-base-horizontal;
1.64 - font-size: @font-size-base;
1.65 - font-weight: normal;
1.66 - line-height: 1;
1.67 - color: @input-color;
1.68 - text-align: center;
1.69 - background-color: @input-group-addon-bg;
1.70 - border: 1px solid @input-group-addon-border-color;
1.71 - border-radius: @border-radius-base;
1.72 -
1.73 - // Sizing
1.74 - &.input-sm {
1.75 - padding: @padding-small-vertical @padding-small-horizontal;
1.76 - font-size: @font-size-small;
1.77 - border-radius: @border-radius-small;
1.78 - }
1.79 - &.input-lg {
1.80 - padding: @padding-large-vertical @padding-large-horizontal;
1.81 - font-size: @font-size-large;
1.82 - border-radius: @border-radius-large;
1.83 - }
1.84 -
1.85 - // Nuke default margins from checkboxes and radios to vertically center within.
1.86 - input[type="radio"],
1.87 - input[type="checkbox"] {
1.88 - margin-top: 0;
1.89 - }
1.90 -}
1.91 -
1.92 -// Reset rounded corners
1.93 -.input-group .form-control:first-child,
1.94 -.input-group-addon:first-child,
1.95 -.input-group-btn:first-child > .btn,
1.96 -.input-group-btn:first-child > .dropdown-toggle,
1.97 -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
1.98 - .border-right-radius(0);
1.99 -}
1.100 -.input-group-addon:first-child {
1.101 - border-right: 0;
1.102 -}
1.103 -.input-group .form-control:last-child,
1.104 -.input-group-addon:last-child,
1.105 -.input-group-btn:last-child > .btn,
1.106 -.input-group-btn:last-child > .dropdown-toggle,
1.107 -.input-group-btn:first-child > .btn:not(:first-child) {
1.108 - .border-left-radius(0);
1.109 -}
1.110 -.input-group-addon:last-child {
1.111 - border-left: 0;
1.112 -}
1.113 -
1.114 -// Button input groups
1.115 -// -------------------------
1.116 -.input-group-btn {
1.117 - position: relative;
1.118 - white-space: nowrap;
1.119 -
1.120 - // Negative margin to only have a 1px border between the two
1.121 - &:first-child > .btn {
1.122 - margin-right: -1px;
1.123 - }
1.124 - &:last-child > .btn {
1.125 - margin-left: -1px;
1.126 - }
1.127 -}
1.128 -.input-group-btn > .btn {
1.129 - position: relative;
1.130 - // Jankily prevent input button groups from wrapping
1.131 - + .btn {
1.132 - margin-left: -4px;
1.133 - }
1.134 - // Bring the "active" button to the front
1.135 - &:hover,
1.136 - &:active {
1.137 - z-index: 2;
1.138 - }
1.139 -}