@charset "UTF-8";

// form mixins
// --------------------------------------------------

@mixin form-enhance($line-height) {
    .#{$css-prefix}rating,
    .#{$css-prefix}checkbox-wrapper,
    .#{$css-prefix}checkbox-group,
    .#{$css-prefix}radio-wrapper,
    .#{$css-prefix}radio-group {
        line-height: $line-height;
    }
}

@mixin form-preview($font-size, $line-height) {
    .#{$css-prefix}form-preview {
        font-size: $font-size;
        line-height: $line-height;
        &.#{$css-prefix}input-textarea > p {
            font-size: $font-size;
            text-align: justify;
            min-height: calc(#{$font-size} * 1.4);
            line-height: 1.4;
            margin-top: calc((#{$line-height} - (1.4 * #{$font-size})) / 2);
        }
    }
}

@mixin form-responsive-grid($item-margin-right, $element-height, $font-size) {
    .#{$css-prefix}responsive-grid {
        gap: $item-margin-right;
    }

    #{$form-prefix}-item.#{$css-prefix}left #{$form-prefix}-item-label {
        line-height: $element-height;
    }
}