Anchors Config Flavors
The VueVentus Anchors Config maps to the .anchors 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 anchor element styling in your app.
Anchors Config Default
Contributor:@oberocks
// ./src/app.vv.ts
import { Text, Transitions, VvConfig } from '@obewds/vueventus'
import type { ConfigVv } from '@obewds/vueventus'
let appVv: ConfigVv = VvConfig
appVv.anchors.cursor = 'cursor-pointer'
appVv.anchors.display = ''
appVv.anchors.focus = ''
appVv.anchors.sizes = Text.sizes
appVv.anchors.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.anchors.text = 'underline underline-offset-2'
appVv.anchors.transition = appVv.transitions.classes('colors', 'inOut', '300')
export default appVv