Files @ 8b1e9cd45543
Branch filter:

Location: NPO-Accounting/npo-accounting-ikiwiki/bootstrap-3.0.0/less/input-groups.less - annotation

http://wandborg.se/ Joar@web
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
ecd9ba4a37ca
//
// 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;
  }
}