@vaadin/vaadin-lumo-styles/utility.js

Lumo is a design system foundation for modern web applications, used by Vaadin components

/**
 * @license
 * Copyright (c) 2017 - 2025 Vaadin Ltd.
 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 */
import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
import { accessibility } from './utilities/accessibility.js';
import { background } from './utilities/background.js';
import { border } from './utilities/border.js';
import { filter } from './utilities/filter.js';
import { flexboxAndGrid } from './utilities/flexbox-grid.js';
import { layout } from './utilities/layout.js';
import { shadows } from './utilities/shadows.js';
import { sizing } from './utilities/sizing.js';
import { spacing } from './utilities/spacing.js';
import { transition } from './utilities/transition.js';
import { typography } from './utilities/typography.js';

/* prettier-ignore */
export const utility = css`
${accessibility}
${background}
${border}
${filter}
${flexboxAndGrid}
${layout}
${shadows}
${sizing}
${spacing}
${transition}
${typography}
`;

registerStyles('', utility, { moduleId: 'lumo-utility' });