@empathyco/x-tailwindcss/dist/esm/x-tailwind-plugin/components/layout/container.js

Empathy X Tailwind plugin

/**
 * Returns the `container` element CSS.
 *
 * @param _helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the component.
 */
function container(_helpers) {
    return {
        container: {
            display: 'flex',
            flexFlow: 'column nowrap',
            height: '100%',
            maxHeight: '100%',
            justifyContent: 'flex-start',
            alignItems: 'stretch',
            '& > .scroll': {
                height: '100%',
                flex: '1 1 0',
                minHeight: '0',
            },
        },
    };
}

export { container };