You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
654 B
35 lines
654 B
import { system } from '@styled-system/core'
|
|
|
|
const defaults = {
|
|
fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72],
|
|
}
|
|
|
|
const config = {
|
|
fontFamily: {
|
|
property: 'fontFamily',
|
|
scale: 'fonts',
|
|
},
|
|
fontSize: {
|
|
property: 'fontSize',
|
|
scale: 'fontSizes',
|
|
defaultScale: defaults.fontSizes,
|
|
},
|
|
fontWeight: {
|
|
property: 'fontWeight',
|
|
scale: 'fontWeights',
|
|
},
|
|
lineHeight: {
|
|
property: 'lineHeight',
|
|
scale: 'lineHeights',
|
|
},
|
|
letterSpacing: {
|
|
property: 'letterSpacing',
|
|
scale: 'letterSpacings',
|
|
},
|
|
textAlign: true,
|
|
fontStyle: true,
|
|
}
|
|
|
|
export const typography = system(config)
|
|
export default typography
|