1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/bootstrap-source/bootstrap-3.0.3/less/input-groups.less	Fri Dec 20 22:49:16 2013 +0100
     1.3 @@ -0,0 +1,136 @@
     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 +}