| 1 | @charset "UTF-8";
|
| 2 |
|
| 3 |
|
| 4 |
|
| 5 |
|
| 6 | @mixin form-enhance($line-height) {
|
| 7 | .#{$css-prefix}rating,
|
| 8 | .#{$css-prefix}checkbox-wrapper,
|
| 9 | .#{$css-prefix}checkbox-group,
|
| 10 | .#{$css-prefix}radio-wrapper,
|
| 11 | .#{$css-prefix}radio-group {
|
| 12 | line-height: $line-height;
|
| 13 | }
|
| 14 | }
|
| 15 |
|
| 16 | @mixin form-preview($font-size, $line-height) {
|
| 17 | .#{$css-prefix}form-preview {
|
| 18 | font-size: $font-size;
|
| 19 | line-height: $line-height;
|
| 20 | &.#{$css-prefix}input-textarea > p {
|
| 21 | font-size: $font-size;
|
| 22 | text-align: justify;
|
| 23 | min-height: calc(#{$font-size} * 1.4);
|
| 24 | line-height: 1.4;
|
| 25 | margin-top: calc((#{$line-height} - (1.4 * #{$font-size})) / 2);
|
| 26 | }
|
| 27 | }
|
| 28 | }
|
| 29 |
|
| 30 | @mixin form-responsive-grid($item-margin-right, $element-height, $font-size) {
|
| 31 | .#{$css-prefix}responsive-grid {
|
| 32 | gap: $item-margin-right;
|
| 33 | }
|
| 34 |
|
| 35 | #{$form-prefix}-item.#{$css-prefix}left #{$form-prefix}-item-label {
|
| 36 | line-height: 1.4;
|
| 37 | margin-top: calc((#{$element-height} - #{$font-size}) / 2);
|
| 38 | margin-bottom: calc((#{$element-height} - #{$font-size}) / 2);
|
| 39 | }
|
| 40 | }
|