tailwind-rounded-out
Version:
Tailwind CSS plugin for outer-rounded corners with background inheritance
2 lines (1 loc) • 3.41 kB
JavaScript
;var D=Object.create;var a=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},b=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of F(e))!R.call(t,s)&&s!==o&&a(t,s,{get:()=>e[s],enumerable:!(n=x(e,s))||n.enumerable});return t};var A=(t,e,o)=>(o=t!=null?D(E(t)):{},b(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),C=t=>b(a({},"__esModule",{value:!0}),t);var V={};w(V,{default:()=>T});module.exports=C(V);var k=A(require("tailwindcss/plugin"));var i={bottom:{top:"auto",bottom:"0"},top:{top:"0",bottom:"auto"},left:{left:"0",right:"auto"},right:{left:"auto",right:"0"}},p=["","b","bl","br","t","tl","tr","l","lt","lb","r","rt","rb"];var r="calc(var(--tw-rounded-out) * -1)",m={width:"var(--tw-rounded-out)",position:"absolute",background:"inherit",backgroundColor:"inherit",aspectRatio:"1",maskImage:"radial-gradient(100% 100% at center, transparent calc(50% - 0.25px), black calc(50% + 0.25px))",maskSize:"200% 200%",maskPosition:"100% 100%",pointerEvents:"none",display:"none",overflow:"hidden"};var f=(t,e)=>{let o={};return t.before&&(o["&::before"]={...m,...t.before,maskPosition:e.before,content:'""',display:"block"}),t.after&&(o["&::after"]={...m,...t.after,maskPosition:e.after,content:'""',display:"block"}),o};var l=t=>({"":{positions:{before:{...i.bottom,left:r},after:{...i.bottom,right:r}},maskPositions:{before:"100% 100%",after:"0% 100%"}},b:{positions:{before:{...i.bottom,left:r},after:{...i.bottom,right:r}},maskPositions:{before:"100% 100%",after:"0% 100%"}},bl:{positions:{before:{...i.bottom,left:r}},maskPositions:{before:"100% 100%"}},br:{positions:{after:{...i.bottom,right:r}},maskPositions:{after:"0% 100%"}},t:{positions:{before:{...i.top,left:r},after:{...i.top,right:r}},maskPositions:{before:"100% 0%",after:"0% 0%"}},tl:{positions:{before:{...i.top,left:r}},maskPositions:{before:"100% 0%"}},tr:{positions:{after:{...i.top,right:r}},maskPositions:{after:"0% 0%"}},l:{positions:{before:{...i.left,top:r},after:{...i.left,bottom:r}},maskPositions:{before:"0% 100%",after:"0% 0%"}},lt:{positions:{before:{...i.left,top:r}},maskPositions:{before:"0% 100%"}},lb:{positions:{after:{...i.left,bottom:r}},maskPositions:{after:"0% 0%"}},r:{positions:{before:{...i.right,top:r},after:{...i.right,bottom:r}},maskPositions:{before:"100% 100%",after:"100% 0%"}},rt:{positions:{before:{...i.right,top:r}},maskPositions:{before:"100% 100%"}},rb:{positions:{after:{...i.right,bottom:r}},maskPositions:{after:"100% 0%"}}})[t],u=(t,e)=>{let o=l(t);if(!o)return{};let n={...e("borderRadius")};delete n.full;let s={...n,...e("roundedOut",{DEFAULT:"0.5rem"})};return{...t?{}:{".rounded-out":{"--tw-rounded-out":s.DEFAULT,...f(o.positions,o.maskPositions)}},...Object.entries(s).reduce((h,[c,y])=>({...h,[`.rounded-out${t?`-${t}`:""}${c==="DEFAULT"?"":`-${c}`}`]:{"--tw-rounded-out":y,...f(o.positions,o.maskPositions)}}),{})}},d=(t,e)=>{let o=l(t);return o?{"--tw-rounded-out":e,...f(o.positions,o.maskPositions)}:{}};var g=t=>p.reduce((e,o)=>({...e,...u(o,t)}),{}),P=(t,e)=>{p.forEach(o=>{let n=o?`-${o}`:"";t({[`rounded-out${n}`]:s=>d(o,s)},{values:e("roundedOut"),type:["length","any"]})})};var T=(0,k.default)(({addComponents:t,matchComponents:e,theme:o})=>{t(g(o)),P(e,o)});