import type { Rule } from '@unocss/core' ; import { positionMap } from '@unocss/preset-mini/utils' ; export const textTransforms = [ [ 'uppercase' , { 'text-transform' : 'uppercase' } ] , [ 'lowercase' , { 'text-transform' : 'lowercase' } ] , [ 'capitalize' , { 'text-transform' : 'capitalize' } ] , [ 'normal-case' , { 'text-transform' : 'none' } ] , ] ; export const hyphens = [ [ 'hyphens-manual' , { '-webkit-hyphens' : 'manual' , '-ms-hyphens' : 'manual' , 'hyphens' : 'manual' , } ] , [ 'hyphens-auto' , { '-webkit-hyphens' : 'auto' , '-ms-hyphens' : 'auto' , 'hyphens' : 'auto' , } ] , [ 'hyphens-none' , { '-webkit-hyphens' : 'none' , '-ms-hyphens' : 'none' , 'hyphens' : 'none' , } ] , ] ; export const writingModes = [ [ 'write-vertical-right' , { 'writing-mode' : 'vertical-rl' } ] , [ 'write-vertical-left' , { 'writing-mode' : 'vertical-lr' } ] , [ 'write-normal' , { 'writing-mode' : 'horizontal-tb' } ] , ] ; export const writingOrientations = [ [ 'write-orient-mixed' , { 'text-orientation' : 'mixed' } ] , [ 'write-orient-sideways' , { 'text-orientation' : 'sideways' } ] , [ 'write-orient-upright' , { 'text-orientation' : 'upright' } ] , ] ; export const screenReadersAccess = [ [ 'sr-only' , { 'position' : 'absolute' , 'width' : '1px' , 'height' : '1px' , 'padding' : '0' , 'margin' : '-1px' , 'overflow' : 'hidden' , 'clip' : 'rect(0,0,0,0)' , 'white-space' : 'nowrap' , 'border-width' : 0 , } , ] , [ 'not-sr-only' , { 'position' : 'static' , 'width' : 'auto' , 'height' : 'auto' , 'padding' : '0' , 'margin' : '0' , 'overflow' : 'visible' , 'clip' : 'auto' , 'white-space' : 'normal' , } , ] , ] ; export const isolations = [ [ 'isolate' , { isolation : 'isolate' } ] , [ 'isolate-auto' , { isolation : 'auto' } ] , [ 'isolation-auto' , { isolation : 'auto' } ] , ] ; export const objectPositions = [ [ 'object-cover' , { 'object-fit' : 'cover' } ] , [ 'object-contain' , { 'object-fit' : 'contain' } ] , [ 'object-fill' , { 'object-fit' : 'fill' } ] , [ 'object-scale-down' , { 'object-fit' : 'scale-down' } ] , [ 'object-none' , { 'object-fit' : 'none' } ] , [ /^object-([-\w]+)$/ , ( [ , s ] ) => ( { 'object-position' : positionMap [ s ] } ) ] , ] ; export const backgroundBlendModes = [ [ 'bg-blend-multiply' , { 'background-blend-mode' : 'multiply' } ] , [ 'bg-blend-screen' , { 'background-blend-mode' : 'screen' } ] , [ 'bg-blend-overlay' , { 'background-blend-mode' : 'overlay' } ] , [ 'bg-blend-darken' , { 'background-blend-mode' : 'darken' } ] , [ 'bg-blend-lighten' , { 'background-blend-mode' : 'lighten' } ] , [ 'bg-blend-color-dodge' , { 'background-blend-mode' : 'color-dodge' } ] , [ 'bg-blend-color-burn' , { 'background-blend-mode' : 'color-burn' } ] , [ 'bg-blend-hard-light' , { 'background-blend-mode' : 'hard-light' } ] , [ 'bg-blend-soft-light' , { 'background-blend-mode' : 'soft-light' } ] , [ 'bg-blend-difference' , { 'background-blend-mode' : 'difference' } ] , [ 'bg-blend-exclusion' , { 'background-blend-mode' : 'exclusion' } ] , [ 'bg-blend-hue' , { 'background-blend-mode' : 'hue' } ] , [ 'bg-blend-saturation' , { 'background-blend-mode' : 'saturation' } ] , [ 'bg-blend-color' , { 'background-blend-mode' : 'color' } ] , [ 'bg-blend-luminosity' , { 'background-blend-mode' : 'luminosity' } ] , [ 'bg-blend-normal' , { 'background-blend-mode' : 'normal' } ] , ] ; export const mixBlendModes = [ [ 'mix-blend-multiply' , { 'mix-blend-mode' : 'multiply' } ] , [ 'mix-blend-screen' , { 'mix-blend-mode' : 'screen' } ] , [ 'mix-blend-overlay' , { 'mix-blend-mode' : 'overlay' } ] , [ 'mix-blend-darken' , { 'mix-blend-mode' : 'darken' } ] , [ 'mix-blend-lighten' , { 'mix-blend-mode' : 'lighten' } ] , [ 'mix-blend-color-dodge' , { 'mix-blend-mode' : 'color-dodge' } ] , [ 'mix-blend-color-burn' , { 'mix-blend-mode' : 'color-burn' } ] , [ 'mix-blend-hard-light' , { 'mix-blend-mode' : 'hard-light' } ] , [ 'mix-blend-soft-light' , { 'mix-blend-mode' : 'soft-light' } ] , [ 'mix-blend-difference' , { 'mix-blend-mode' : 'difference' } ] , [ 'mix-blend-exclusion' , { 'mix-blend-mode' : 'exclusion' } ] , [ 'mix-blend-hue' , { 'mix-blend-mode' : 'hue' } ] , [ 'mix-blend-saturation' , { 'mix-blend-mode' : 'saturation' } ] , [ 'mix-blend-color' , { 'mix-blend-mode' : 'color' } ] , [ 'mix-blend-luminosity' , { 'mix-blend-mode' : 'luminosity' } ] , [ 'mix-blend-normal' , { 'mix-blend-mode' : 'normal' } ] , ] ;