Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
novicell/custom_forms / css / form_style.css
Size: Mime:

.custom-forms .form-item--error-message {
  position: relative;
  min-height: 14px;
  padding: 2px 0 2px 25px;
}
.custom-forms .form-item--error-message:before {
  position: absolute;
  left: 5px;
  top: 5px;
}
.custom-forms .form-item--error-message .item-list ul,
.custom-forms .form-item--error-message .item-list li {
  margin-left: 0;
  margin-top: 0;
  list-style-type: none;
  list-style-image: none;
}
.custom-forms .custom-forms-item__field-wrapper {
  position: relative;
}
.custom-forms .custom-forms-item__field-wrapper .field-info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .5em;
  cursor: pointer;
}
.custom-forms .custom-forms-item__field-wrapper .field-info .icon {
  display: block;
  height: 18px;
  width: 18px;
  background-image: url(../images/acacac/info.svg);
  background-size: contain;
}
.custom-forms .custom-forms-item__field-wrapper .field-info .icon:hover {
  background-image: url(../images/4d4d4f/info.svg);
}
.custom-forms .custom-forms-item__field-wrapper .field-info .message {
  display: none;
}
.custom-forms .custom-forms-item__field input.form-text,
.custom-forms .custom-forms-item__field input.form-email,
.custom-forms .custom-forms-item__field input.form-textarea,
.custom-forms .custom-forms-item__field input.form-number {
  width: 100%;
}

/* INLINE RADIO/CHECKBOX */
.custom-forms .custom-forms-item__field-inline .fieldset-wrapper > div {
  display: flex;
}
.custom-forms .custom-forms-item__field-inline .fieldset-wrapper > div .form-item:not(:last-child) {
  margin-right: 40px;
}
.custom-forms .custom-forms-item__field-inline .fieldset-wrapper > div .form-item {
  margin-bottom: 3px;
}

/* TWO-COLUMN GROUP */
.custom-forms .custom-forms-item__group-two-column {
  display: grid;
  justify-content: start;
  column-gap: 20px;
}
.custom-forms .custom-forms-item__group-two-column .form-item {
  align-self: end;
}

/* AMOUNT FIELD */
.custom-forms .custom-forms__amount-value-wrapper {
  margin-top: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.custom-forms .custom-forms__amount-value-wrapper .field-suffix {
  position: absolute;
  right: 11px;
  font-weight: bold;
}
.custom-forms .custom-forms__range-slider-wrapper {
  display: flex;
}
.custom-forms .custom-forms__range-slider-wrapper > div:first-child {
  flex-grow: 1;
  margin-right: 40px;
  margin-bottom: 0;
}
.custom-forms .custom-forms__range-slider-wrapper > div:last-child {
  margin-bottom: 0;
}
.custom-forms .custom-forms__range-slider-wrapper > div:last-child input[type="number"]::-webkit-inner-spin-button,
.custom-forms .custom-forms__range-slider-wrapper > div:last-child input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-forms .custom-forms__range-slider-wrapper > div:last-child input[type="number"] {
  -moz-appearance: textfield;
}
.custom-forms .custom-forms__range-slider-wrapper > div:last-child .description {
  text-align: center;
}