| | |
| | | '--tw-prose-invert-td-borders': theme('colors.zinc.700'), |
| | | |
| | | // Base |
| | | 'color': 'var(--tw-prose-body)', |
| | | 'fontSize': theme('fontSize.sm')[0], |
| | | 'lineHeight': theme('lineHeight.7'), |
| | | color: 'var(--tw-prose-body)', |
| | | fontSize: theme('fontSize.sm')[0], |
| | | lineHeight: theme('lineHeight.7'), |
| | | |
| | | // Layout |
| | | '> *': { |
| | | 'maxWidth': theme('maxWidth.2xl'), |
| | | 'marginLeft': 'auto', |
| | | 'marginRight': 'auto', |
| | | maxWidth: theme('maxWidth.2xl'), |
| | | marginLeft: 'auto', |
| | | marginRight: 'auto', |
| | | '@screen lg': { |
| | | maxWidth: theme('maxWidth.3xl'), |
| | | marginLeft: `calc(50% - min(50%, ${theme('maxWidth.lg')}))`, |
| | |
| | | }, |
| | | |
| | | // Text |
| | | 'p': { |
| | | p: { |
| | | marginTop: theme('spacing.6'), |
| | | marginBottom: theme('spacing.6'), |
| | | }, |
| | |
| | | }, |
| | | |
| | | // Lists |
| | | 'ol': { |
| | | ol: { |
| | | listStyleType: 'decimal', |
| | | marginTop: theme('spacing.5'), |
| | | marginBottom: theme('spacing.5'), |
| | |
| | | 'ol[type="1"]': { |
| | | listStyleType: 'decimal', |
| | | }, |
| | | 'ul': { |
| | | ul: { |
| | | listStyleType: 'disc', |
| | | marginTop: theme('spacing.5'), |
| | | marginBottom: theme('spacing.5'), |
| | | paddingLeft: '1.625rem', |
| | | }, |
| | | 'li': { |
| | | li: { |
| | | marginTop: theme('spacing.2'), |
| | | marginBottom: theme('spacing.2'), |
| | | }, |
| | |
| | | }, |
| | | |
| | | // Horizontal rules |
| | | 'hr': { |
| | | 'borderColor': 'var(--tw-prose-hr)', |
| | | 'borderTopWidth': 1, |
| | | 'marginTop': theme('spacing.16'), |
| | | 'marginBottom': theme('spacing.16'), |
| | | 'maxWidth': 'none', |
| | | 'marginLeft': `calc(-1 * ${theme('spacing.4')})`, |
| | | 'marginRight': `calc(-1 * ${theme('spacing.4')})`, |
| | | hr: { |
| | | borderColor: 'var(--tw-prose-hr)', |
| | | borderTopWidth: 1, |
| | | marginTop: theme('spacing.16'), |
| | | marginBottom: theme('spacing.16'), |
| | | maxWidth: 'none', |
| | | marginLeft: `calc(-1 * ${theme('spacing.4')})`, |
| | | marginRight: `calc(-1 * ${theme('spacing.4')})`, |
| | | '@screen sm': { |
| | | marginLeft: `calc(-1 * ${theme('spacing.6')})`, |
| | | marginRight: `calc(-1 * ${theme('spacing.6')})`, |
| | |
| | | }, |
| | | |
| | | // Quotes |
| | | 'blockquote': { |
| | | blockquote: { |
| | | fontWeight: '500', |
| | | fontStyle: 'italic', |
| | | color: 'var(--tw-prose-quotes)', |
| | |
| | | }, |
| | | |
| | | // Headings |
| | | 'h1': { |
| | | h1: { |
| | | color: 'var(--tw-prose-headings)', |
| | | fontWeight: '700', |
| | | fontSize: theme('fontSize.2xl')[0], |
| | | ...theme('fontSize.2xl')[1], |
| | | marginBottom: theme('spacing.2'), |
| | | }, |
| | | 'h2': { |
| | | h2: { |
| | | color: 'var(--tw-prose-headings)', |
| | | fontWeight: '600', |
| | | fontSize: theme('fontSize.lg')[0], |
| | |
| | | marginTop: theme('spacing.16'), |
| | | marginBottom: theme('spacing.2'), |
| | | }, |
| | | 'h3': { |
| | | h3: { |
| | | color: 'var(--tw-prose-headings)', |
| | | fontSize: theme('fontSize.base')[0], |
| | | ...theme('fontSize.base')[1], |
| | |
| | | marginTop: '0', |
| | | marginBottom: '0', |
| | | }, |
| | | 'figcaption': { |
| | | figcaption: { |
| | | color: 'var(--tw-prose-captions)', |
| | | fontSize: theme('fontSize.xs')[0], |
| | | ...theme('fontSize.xs')[1], |
| | |
| | | }, |
| | | |
| | | // Tables |
| | | 'table': { |
| | | table: { |
| | | width: '100%', |
| | | tableLayout: 'auto', |
| | | textAlign: 'left', |
| | |
| | | marginBottom: theme('spacing.8'), |
| | | lineHeight: theme('lineHeight.6'), |
| | | }, |
| | | 'thead': { |
| | | thead: { |
| | | borderBottomWidth: '1px', |
| | | borderBottomColor: 'var(--tw-prose-th-borders)', |
| | | }, |
| | |
| | | 'tbody td': { |
| | | verticalAlign: 'baseline', |
| | | }, |
| | | 'tfoot': { |
| | | tfoot: { |
| | | borderTopWidth: '1px', |
| | | borderTopColor: 'var(--tw-prose-th-borders)', |
| | | }, |
| | |
| | | }, |
| | | |
| | | // Inline elements |
| | | 'a': { |
| | | 'color': 'var(--tw-prose-links)', |
| | | 'textDecoration': 'underline transparent', |
| | | 'fontWeight': '500', |
| | | 'transitionProperty': 'color, text-decoration-color', |
| | | 'transitionDuration': theme('transitionDuration.DEFAULT'), |
| | | 'transitionTimingFunction': theme('transitionTimingFunction.DEFAULT'), |
| | | a: { |
| | | color: 'var(--tw-prose-links)', |
| | | textDecoration: 'underline transparent', |
| | | fontWeight: '500', |
| | | transitionProperty: 'color, text-decoration-color', |
| | | transitionDuration: theme('transitionDuration.DEFAULT'), |
| | | transitionTimingFunction: theme('transitionTimingFunction.DEFAULT'), |
| | | '&:hover': { |
| | | color: 'var(--tw-prose-links-hover)', |
| | | textDecorationColor: 'var(--tw-prose-links-underline)', |
| | |
| | | ':is(h1, h2, h3) a': { |
| | | fontWeight: 'inherit', |
| | | }, |
| | | 'strong': { |
| | | strong: { |
| | | color: 'var(--tw-prose-bold)', |
| | | fontWeight: '600', |
| | | }, |
| | | ':is(a, blockquote, thead th) strong': { |
| | | color: 'inherit', |
| | | }, |
| | | 'code': { |
| | | code: { |
| | | color: 'var(--tw-prose-code)', |
| | | borderRadius: theme('borderRadius.lg'), |
| | | paddingTop: theme('padding.1'), |