react-cqtoolbox/lib/form/theme.css

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

.formItem {
  position: relative;
  padding-bottom: 20px;
}
.withInput {
  padding-top: 20px;
}
.label {
  font-size: 10px;
  line-height: 10px;

  position: absolute;
  top: 6px;
  left: 0;

  -webkit-transition-duration: 0.35s;

          transition-duration: 0.35s;
  pointer-events: none;

  color: rgba(0, 0, 0, 0.26);
}
.error {
  font-size: 12px;
  line-height: 20px;

  margin-bottom: -20px;

  color: rgb(222, 50, 38);
}
.errored {
  padding-bottom: 0
}
.errored .label {
  color: rgb(222, 50, 38);
}
.errored .bar {}
.errored .bar::after,
    .errored .bar::before {
  width: 50%;
  background-color: rgb(222, 50, 38);
}