26 lines
839 B
JavaScript
26 lines
839 B
JavaScript
import { tints, darkTints, text, lineHeight, fontWeight } from 'e-styles';
|
|
|
|
export default {
|
|
base: {
|
|
shared: `
|
|
color: var(--e-styles-text-color);
|
|
font-size: var(--e-styles-text-font-size, ${ text.base });
|
|
font-weight: ${ fontWeight.normal };
|
|
line-height: var(--e-styles-text-line-height, ${ lineHeight.base });
|
|
`,
|
|
variant: {
|
|
xxs: `
|
|
--e-styles-text-font-size: ${ text.xxs };
|
|
--e-styles-text-line-height: ${ lineHeight.sm };
|
|
`,
|
|
xs: `--e-styles-text-font-size: ${ text.xs };`,
|
|
sm: `--e-styles-text-font-size: ${ text.sm };`,
|
|
md: `--e-styles-text-font-size: ${ text.md };`,
|
|
lg: `--e-styles-text-font-size: ${ text.lg };`,
|
|
xl: `--e-styles-text-font-size: ${ text.xl };`,
|
|
},
|
|
},
|
|
light: `--e-styles-text-color: ${ tints[ '800' ] };`,
|
|
dark: `--e-styles-text-color: ${ darkTints[ '200' ] };`,
|
|
};
|