| 1 |
import { tints, darkTints, text, lineHeight, fontWeight } from 'e-styles'; |
| 2 |
|
| 3 |
export default { |
| 4 |
base: { |
| 5 |
shared: ` |
| 6 |
color: var(--e-styles-text-color); |
| 7 |
font-size: var(--e-styles-text-font-size, ${ text.base }); |
| 8 |
font-weight: ${ fontWeight.normal }; |
| 9 |
line-height: var(--e-styles-text-line-height, ${ lineHeight.base }); |
| 10 |
`, |
| 11 |
variant: { |
| 12 |
xxs: ` |
| 13 |
--e-styles-text-font-size: ${ text.xxs }; |
| 14 |
--e-styles-text-line-height: ${ lineHeight.sm }; |
| 15 |
`, |
| 16 |
xs: `--e-styles-text-font-size: ${ text.xs };`, |
| 17 |
sm: `--e-styles-text-font-size: ${ text.sm };`, |
| 18 |
md: `--e-styles-text-font-size: ${ text.md };`, |
| 19 |
lg: `--e-styles-text-font-size: ${ text.lg };`, |
| 20 |
xl: `--e-styles-text-font-size: ${ text.xl };`, |
| 21 |
}, |
| 22 |
}, |
| 23 |
light: `--e-styles-text-color: ${ tints[ '800' ] };`, |
| 24 |
dark: `--e-styles-text-color: ${ darkTints[ '200' ] };`, |
| 25 |
}; |
| 26 |
|
