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.
32 lines
643 B
32 lines
643 B
3 years ago
|
import { system } from '@styled-system/core';
|
||
|
|
var defaults = {
|
||
|
|
fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72]
|
||
|
|
};
|
||
|
|
var 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 var typography = system(config);
|
||
|
|
export default typography;
|