frutjam/dist/components/diff/object.js

A utility-first CSS UI Library for Tailwind CSS

export default {".diff":{"position":"relative","display":"grid","width":"100%","overflow":"hidden","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","grid-template-rows":"1fr 1.8rem 1fr","grid-template-columns":"auto 1fr","direction":"ltr","container-type":"inline-size","border-radius":"calc(var(--border-radius) * 2)"},".diff-item-2":{"position":"relative","grid-column-start":"1","grid-row":"1 / span 3","&::after":{"content":"\"\"","pointer-events":"none","position":"absolute","inset-block-start":"50%","inset-inline-end":"1px","z-index":2,"border-radius":"9999px","width":"1.2rem","height":"1.8rem","background-color":"var(--color-base)","border":"0.5px solid oklch(0 0 0 / 12%)","outline":"1px solid var(--color-on-base)","@supports (color: color-mix(in lab, red, red))":{"outline":"1px solid color-mix(in oklab, var(--color-on-base) 10%, transparent)"},"outline-offset":"-3px","translate":"50% -50%"},":where(&) > *":{"pointer-events":"none","position":"absolute","inset-block":"0","inset-inline-start":"0","height":"100%","width":"100cqi","max-width":"none","oobject-fit":"cover","object-fit":"cover","oobject-position":"center","object-position":"center"}},".diff-item-1":{"position":"relative","z-index":1,"grid-column-start":"1","grid-row":"1 / span 3","overflow":"hidden","border-right":"2px solid var(--color-base)",":where(&) > *":{"pointer-events":"none","position":"absolute","inset-block":"0","inset-inline-start":"0","height":"100%","width":"100cqi","max-width":"none","oobject-fit":"cover","object-fit":"cover","oobject-position":"center","object-position":"center"}},".diff-resizer":{"position":"relative","z-index":2,"grid-column-start":"1","grid-row-start":"2","height":"0.75rem","width":"50cqi","max-width":"calc(100cqi - 1rem)","min-width":"1rem","resize":"horizontal","overflow":"hidden","opacity":0,"transform":"scaleY(5) translate(0.32rem, 50%)","cursor":"ew-resize","transform-origin":"100% 100%","clip-path":"inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem))"}};