2019-03-06 20:13:01 +01:00

30 lines
542 B
SCSS

.ds-form-item {
position: relative;
@include stack-space($space-small);
}
.ds-input-error {
color: $color-danger;
font-size: $font-size-x-small;
position: absolute;
top: 100%;
}
.ds-input-error-enter-active {
transition: opacity $duration-base $ease-out,
transform $duration-base $ease-out;
}
.ds-input-error-enter,
.ds-input-error-leave-to {
opacity: 0;
transform: translateY(-2px);
}
.ds-input-label {
padding-bottom: $space-xx-small;
color: $text-color-soft;
font-size: $font-size-base;
display: block;
}