@vulppi/tailwindcss
Version:
A collection of plugins for TailwindCSS.
2 lines (1 loc) • 1.37 kB
JavaScript
import l from"tailwindcss/plugin";function o(r){return/^[0-9]+rem$/.test(r)}function a(r){return`${parseFloat(r.replace(/rem$/,""))*16}px`}function i(r){return o(r)?` /* ${a(r)} */`:""}function s(r){return Array.from({length:r},(n,t)=>t+1).reduce((n,t)=>({...n,[t]:t.toString()}),{})}var c=l(function({matchUtilities:r,addUtilities:n,theme:t}){n({".flex-center":{alignItems:"center",justifyContent:"center"}}),r({stack:e=>({display:"flex",flexDirection:"column"+e}),cluster:e=>({display:"flex",flexDirection:"row"+e,flexWrap:"wrap"})},{values:t("containersReverse")}),r({center:e=>({display:"flex",flexDirection:"column",marginLeft:"auto",marginRight:"auto",width:"100%",maxWidth:`${e}`+i(e)})},{values:{...t("width"),...t("maxWidth")}}),r({switcher:e=>({display:"flex",flexDirection:"row",flexWrap:"wrap","& > *":{flexGrow:"1",flexBasis:`calc((${e} - 100%) * 999)`+i(e),"& > *":{maxWidth:"100%"}}}),"switcher-reverse":e=>({display:"flex",flexDirection:"row-reverse",flexWrap:"wrap","& > *":{flexGrow:"1",flexBasis:`calc((${e} - 100%) * 999)`+i(e),"& > *":{maxWidth:"100%"}}})},{values:t("maxWidth")}),r({"switcher-threshold":e=>({[`& > :nth-last-child(n + ${e}), & > :nth-last-child(n + ${e}) ~ *`]:{flexBasis:"100%"}})},{values:t("switcherThreshold")})},{theme:{containersReverse:{DEFAULT:"",reverse:"-reverse"},switcherThreshold:s(16)}}),d=c;export{d as default};