Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233import { vars } from '@luke-ui/react/theme';import { style } from '@vanilla-extract/css';
/** Concentric with the frame's `borderRadius="control"` after the 1px border. */const INNER_RADIUS = `max(0px, calc(${vars.radius.control} - 1px))`;
export const frame = style({ '@layer': { components: { isolation: 'isolate', }, },});
export const frameHeader = style({ '@layer': { components: { borderBlockEnd: `1px solid ${vars.color.border.decorative}`, borderStartEndRadius: INNER_RADIUS, borderStartStartRadius: INNER_RADIUS, }, },});
export const frameBody = style({ '@layer': { components: { borderEndEndRadius: INNER_RADIUS, borderEndStartRadius: INNER_RADIUS, }, },});