Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031import { breakpoints, vars } from '@luke-ui/react/theme';import { ExampleItem } from '#docs';
export default () => { return ( <> <style dangerouslySetInnerHTML={{ __html: ` .layout-breakpoints { display: flex; flex-direction: column; gap: ${vars.space.sp12}; }
@container (inline-size >= ${breakpoints.bp768}px) { .layout-breakpoints { flex-direction: row; } } `, }} /> <div className="layout-breakpoints"> <ExampleItem style={{ flex: 1 }}>First</ExampleItem> <ExampleItem style={{ flex: 1 }}>Second</ExampleItem> </div> </> );};