kopia lustrzana https://github.com/bugout-dev/moonstream
58 wiersze
1003 B
JavaScript
58 wiersze
1003 B
JavaScript
const baseStyle = {
|
|
fontFamily: "heading",
|
|
fontWeight: "bold",
|
|
};
|
|
|
|
const sizes = {
|
|
"4xl": {
|
|
fontSize: ["6xl", null, "7xl"],
|
|
lineHeight: 1,
|
|
},
|
|
"3xl": {
|
|
fontSize: ["5xl", null, "6xl"],
|
|
lineHeight: 1,
|
|
},
|
|
"2xl": {
|
|
fontSize: ["4xl", null, "5xl"],
|
|
lineHeight: [1.2, null, 1],
|
|
},
|
|
xl: {
|
|
fontSize: ["3xl", null, "4xl"],
|
|
lineHeight: [1.33, null, 1.2],
|
|
},
|
|
lg: {
|
|
fontSize: ["2xl", null, "3xl"],
|
|
lineHeight: [1.33, null, 1.2],
|
|
},
|
|
md: { fontSize: "xl", lineHeight: 1.2 },
|
|
sm: { fontSize: "md", lineHeight: 1.2 },
|
|
xs: { fontSize: "sm", lineHeight: 1.2 },
|
|
};
|
|
|
|
const defaultProps = {
|
|
size: "xl",
|
|
};
|
|
|
|
const variantTokensScreen = (props) => {
|
|
const { colorScheme: c } = props;
|
|
return {
|
|
as: "h2",
|
|
pt: 2,
|
|
mb: 4,
|
|
borderBottom: "solid",
|
|
borderColor: `${c}.50`,
|
|
borderBottomWidth: "2px",
|
|
};
|
|
};
|
|
|
|
const variants = {
|
|
tokensScreen: variantTokensScreen,
|
|
};
|
|
|
|
export default {
|
|
baseStyle,
|
|
sizes,
|
|
defaultProps,
|
|
variants,
|
|
};
|