bootstrap-source/bootstrap-3.0.3/less/input-groups.less
changeset 115 a9d04f5f5650
parent 114 6093dda9fe38
child 116 00287f05dc6a
     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 -}
Impressum Datenschutzerklärung