Repository URL to install this package:
|
Version:
1.3.7 ▾
|
.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;
}