@vaadin/field-base
Version:
Vaadin field base mixins
34 lines (29 loc) • 895 B
JavaScript
/**
* @license
* Copyright (c) 2018 - 2026 Vaadin Ltd.
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
*/
import '@vaadin/component-base/src/styles/style-props.js';
import { css } from 'lit';
export const group = css`
[part='label'],
[part='helper-text'],
[part='error-message'] {
width: auto;
min-width: auto;
}
[part='group-field'] {
display: flex;
flex-direction: column;
gap: var(--vaadin-gap-xs) var(--vaadin-gap-xl);
}
:host([theme~='horizontal']) [part='group-field'] {
flex-flow: row wrap;
align-items: center;
}
:host([has-label][theme~='horizontal']) [part='group-field'] {
padding: var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container);
padding-inline: 0;
border-block: var(--vaadin-input-field-border-width, 1px) solid transparent;
}
`;