mirror of
https://github.com/luxfi/market.git
synced 2026-09-24 00:25:57 +00:00
70 lines
1.1 KiB
TypeScript
70 lines
1.1 KiB
TypeScript
import { styled } from 'stitches.config'
|
|
|
|
export default styled('span', {
|
|
color: '$gray12',
|
|
fontFamily: '$body',
|
|
letterSpacing: 0,
|
|
|
|
variants: {
|
|
style: {
|
|
h2: {
|
|
fontWeight: 700,
|
|
fontSize: 48,
|
|
},
|
|
h4: {
|
|
fontWeight: 700,
|
|
fontSize: 24,
|
|
},
|
|
h5: {
|
|
fontWeight: 700,
|
|
fontSize: 20,
|
|
},
|
|
h6: {
|
|
fontWeight: 700,
|
|
fontSize: 16,
|
|
},
|
|
subtitle1: {
|
|
fontWeight: 500,
|
|
fontSize: 16,
|
|
},
|
|
subtitle2: {
|
|
fontWeight: 500,
|
|
fontSize: 14,
|
|
},
|
|
subtitle3: {
|
|
fontWeight: 500,
|
|
fontSize: 12,
|
|
},
|
|
body1: {
|
|
fontWeight: 400,
|
|
fontSize: 16,
|
|
},
|
|
body2: {
|
|
fontWeight: 400,
|
|
fontSize: 12,
|
|
},
|
|
},
|
|
color: {
|
|
subtle: {
|
|
color: '$gray11',
|
|
},
|
|
},
|
|
italic: {
|
|
true: {
|
|
fontStyle: 'italic',
|
|
},
|
|
},
|
|
ellipsify: {
|
|
true: {
|
|
textOverflow: 'ellipsis',
|
|
overflow: 'hidden',
|
|
whiteSpace: 'nowrap',
|
|
},
|
|
},
|
|
},
|
|
|
|
defaultVariants: {
|
|
style: 'body1',
|
|
},
|
|
})
|