import type { Rule } from '@unocss/core' ; const variablesAbbrMap = { 'bg-blend' : 'background-blend-mode' , 'bg-clip' : '-webkit-background-clip' , 'bg-gradient' : 'linear-gradient' , 'bg-image' : 'background-image' , 'bg-origin' : 'background-origin' , 'bg-position' : 'background-position' , 'bg-repeat' : 'background-repeat' , 'bg-size' : 'background-size' , 'mix-blend' : 'mix-blend-mode' , 'object' : 'object-fit' , 'object-position' : 'object-position' , 'write' : 'writing-mode' , 'write-orient' : 'text-orientation' , } ; export const cssVariables = [ [ /^([^$]+)(?<=-)\$(.+)$/ , ( [ , name , varname ] ) => { const prop = variablesAbbrMap [ name . slice ( 0 , - 1 ) ] ; if ( prop ) return { [ prop ] : `var(--${ varname })` } ; } ] , ] ;