mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 18:31:08 +08:00
18 lines
500 B
TypeScript
18 lines
500 B
TypeScript
import { styled, Theme } from '@storybook/theming';
|
|
import { withReset } from '@storybook/components';
|
|
|
|
const breakpoint = 600;
|
|
|
|
export const Title = styled.h1(withReset, ({ theme }: { theme: Theme }) => ({
|
|
color: theme.color.defaultText,
|
|
fontSize: theme.typography.size.m3,
|
|
fontWeight: theme.typography.weight.black,
|
|
lineHeight: '32px',
|
|
|
|
[`@media (min-width: ${breakpoint}px)`]: {
|
|
fontSize: theme.typography.size.l1,
|
|
lineHeight: '36px',
|
|
marginBottom: '.5rem', // 8px
|
|
},
|
|
}));
|