123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- @use 'sass:map';
- @use '../../tools' as *;
- @use '../../settings' as *;
- .w-field {
- position: relative;
- }
- .w-field__errors {
- .error-message {
- @apply w-label-2;
- color: theme('colors.text-error');
- display: inline-block;
- margin: 0;
- margin-top: theme('spacing.[0.5]');
- }
- }
- .w-field__errors-icon {
-
- position: relative;
- top: 0.125em;
- width: 1em;
- height: 1em;
- margin-inline-end: 0.625rem;
- color: theme('colors.text-error');
-
- + .error-message::before {
- display: none;
- }
- }
- .w-field__label {
- @apply w-label-2;
- display: block;
- margin-top: 0;
- margin-bottom: 0;
- }
- .w-field__wrapper {
- @include max-form-width();
-
-
-
- margin-bottom: $form-field-spacing;
-
- table.listing td & {
- margin-bottom: 0;
- .w-field__input {
- margin-top: 0;
- }
- }
- }
- .w-field__input {
- position: relative;
- margin-top: calc(theme('spacing.[2.5]') * var(--w-density-factor));
- }
- .w-field__icon {
- $size: theme('spacing.4');
- $offset: calc($text-input-height / 2 - $size / 2);
- width: $size;
- height: $size;
- color: theme('colors.icon-primary');
- position: absolute;
-
- top: $offset;
- inset-inline-start: $offset;
- pointer-events: none;
- + input {
-
- padding-inline-start: $text-input-height;
- }
- }
|