react-cqtoolbox/lib/input_group/theme.css

[![Travis][build-badge]][build] [![npm package][npm-badge]][npm] [![Coveralls][coveralls-badge]][coveralls]

.inputGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.inputGroup > :first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.inputGroup > * {
  border-radius: 0
}
.inputGroup > :last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.inputGroup .select_input {
  min-width: auto
}
.inputGroup .input,
  .inputGroup .select_input,
  .inputGroup .neutral:not([disabled]).flat {
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12)
}
.inputGroup .input:last-child, .inputGroup .select_input:last-child, .inputGroup .neutral:not([disabled]).flat:last-child {
  border-right-width: 1px
}
.inputGroup .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1
}
.inputGroup .bar {
  display: none
}
.small {
}
.small .input {
  padding: 0
}
.normal {
}
.normal .input {
  padding: 4px
}
.large {
}
.large .input {
  padding: 8px
}