Text Config Flavors
The VueVentus Text Config maps to the .text property of your app VvConfig object. Global values should be set in your app.vv file, to be both provided and/or imported for use at the component level as a single source of truth for text element styling in your app.
Text Config Default
Contributor:@oberocks
// ./src/app.vv.ts
import { VvConfig } from '@obewds/vueventus'
import type { ConfigVv } from '@obewds/vueventus'
let appVv: ConfigVv = VvConfig
appVv.text.align = ''
appVv.text.decoration = ''
appVv.text.family = ''
appVv.text.lineHeight = ''
appVv.text.sizes = {
'5xs' : 'text-5xs',
'4xs' : 'text-4xs',
'3xs' : 'text-3xs',
'2xs' : 'text-2xs',
'xs' : 'text-xs',
'md' : 'text-base',
'lg' : 'text-lg',
'xl' : 'text-xl',
'2xl' : 'text-2xl',
'3xl' : 'text-3xl',
'4xl' : 'text-4xl',
'5xl' : 'text-5xl',
'6xl' : 'text-6xl',
'7xl' : 'text-7xl',
'8xl' : 'text-8xl',
'9xl' : 'text-9xl',
'10xl': 'text-10xl',
'11xl': 'text-11xl',
'12xl': 'text-12xl',
}
appVv.text.smoothing = 'subpixel-antialiased'
appVv.text.spacing = ''
appVv.text.weight = ''
appVv.text.wordBreak = ''
export default appVv