chai-tailwind 1.0.5 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chai-tailwind.js +9 -9
- package/package.json +1 -1
package/dist/chai-tailwind.js
CHANGED
|
@@ -18,16 +18,16 @@
|
|
|
18
18
|
from { transform: rotate(0deg); }
|
|
19
19
|
to { transform: rotate(360deg); }
|
|
20
20
|
}
|
|
21
|
-
`,document.head.appendChild(e)}var
|
|
22
|
-
`}),e.innerHTML=t,document.head.appendChild(e)}
|
|
23
|
-
`}),e.innerHTML=t,document.head.appendChild(e)}function
|
|
21
|
+
`,document.head.appendChild(e)}var u={"chai-bg-red":{backgroundColor:"red"},"chai-bg-blue":{backgroundColor:"blue"},"chai-bg-green":{backgroundColor:"green"},"chai-bg-yellow":{backgroundColor:"yellow"},"chai-bg-gray":{backgroundColor:"#6b7280"},"chai-bg-white":{backgroundColor:"#ffffff"},"chai-bg-black":{backgroundColor:"#000000"},"chai-text-white":{color:"white"},"chai-text-black":{color:"black"},"chai-text-gray":{color:"#6b7280"},"chai-text-sm":{fontSize:"12px"},"chai-text-base":{fontSize:"16px"},"chai-text-lg":{fontSize:"18px"},"chai-text-xl":{fontSize:"20px"},"chai-font-bold":{fontWeight:"bold"},"chai-font-medium":{fontWeight:"500"},"chai-p-1":{padding:"4px"},"chai-p-2":{padding:"8px"},"chai-p-3":{padding:"12px"},"chai-p-4":{padding:"16px"},"chai-p-6":{padding:"24px"},"chai-m-1":{margin:"4px"},"chai-m-2":{margin:"8px"},"chai-m-4":{margin:"16px"},"chai-m-auto":{margin:"auto"},"chai-rounded-sm":{borderRadius:"4px"},"chai-rounded-md":{borderRadius:"8px"},"chai-rounded-lg":{borderRadius:"12px"},"chai-rounded-xl":{borderRadius:"16px"},"chai-rounded-full":{borderRadius:"9999px"},"chai-border":{border:"1px solid #e5e7eb"},"chai-border-2":{border:"2px solid #e5e7eb"},"chai-border-black":{borderColor:"#000"},"chai-border-white":{borderColor:"#fff"},"chai-w-full":{width:"100%"},"chai-w-screen":{width:"100vw"},"chai-w-fit":{width:"fit-content"},"chai-h-full":{height:"100%"},"chai-h-screen":{height:"100vh"},"chai-max-w-sm":{maxWidth:"640px"},"chai-max-w-md":{maxWidth:"768px"},"chai-max-w-lg":{maxWidth:"1024px"},"chai-flex":{display:"flex"},"chai-inline-flex":{display:"inline-flex"},"chai-flex-col":{flexDirection:"column"},"chai-flex-row":{flexDirection:"row"},"chai-flex-wrap":{flexWrap:"wrap"},"chai-items-center":{alignItems:"center"},"chai-items-start":{alignItems:"flex-start"},"chai-items-end":{alignItems:"flex-end"},"chai-justify-center":{justifyContent:"center"},"chai-justify-between":{justifyContent:"space-between"},"chai-justify-around":{justifyContent:"space-around"},"chai-gap-2":{gap:"8px"},"chai-gap-4":{gap:"16px"},"chai-relative":{position:"relative"},"chai-absolute":{position:"absolute"},"chai-fixed":{position:"fixed"},"chai-top-0":{top:"0"},"chai-left-0":{left:"0"},"chai-right-0":{right:"0"},"chai-bottom-0":{bottom:"0"},"chai-block":{display:"block"},"chai-inline-block":{display:"inline-block"},"chai-hidden":{display:"none"},"chai-shadow-sm":{boxShadow:"0 1px 2px rgba(0,0,0,0.1)"},"chai-shadow-md":{boxShadow:"0 4px 6px rgba(0,0,0,0.1)"},"chai-shadow-lg":{boxShadow:"0 10px 15px rgba(0,0,0,0.2)"},"chai-transition":{transition:"all 0.3s ease"},"chai-cursor-pointer":{cursor:"pointer"},"chai-text-center":{textAlign:"center"},"chai-text-left":{textAlign:"left"},"chai-text-right":{textAlign:"right"},"chai-overflow-hidden":{overflow:"hidden"},"chai-opacity-50":{opacity:"0.5"},"chai-opacity-75":{opacity:"0.75"},"chai-opacity-100":{opacity:"1"},"chai-animate-fade-in":{animation:"chai-fade-in 0.5s ease-in-out"},"chai-animate-slide-up":{animation:"chai-slide-up 0.4s ease-out"},"chai-animate-bounce":{animation:"chai-bounce 1s infinite"},"chai-animate-spin":{animation:"chai-spin 1s linear infinite"},"chai-card":{transition:"transform 0.3s ease, box-shadow 0.3s ease",transformStyle:"preserve-3d"},"chai-tilt-3d":{transition:"transform 0.15s ease-out",transformStyle:"preserve-3d",willChange:"transform"}};var x={"chai-hover-bg-red":{backgroundColor:"red"},"chai-hover-bg-blue":{backgroundColor:"blue"},"chai-hover-scale":{transform:"scale(1.05)"},"chai-hover-opacity-75":{opacity:"0.75"},"chai-hover-tilt":{transform:"rotate(3deg) scale(1.03)"},"chai-hover-tilt-left":{transform:"rotate(-3deg) scale(1.03)"},"chai-hover-tilt-3d":{transform:"perspective(1000px) rotateX(8deg) rotateY(8deg) scale(1.05)"}};function l(e){return e.replace(/[A-Z]/g,t=>"-"+t.toLowerCase())}function d(){let e=document.createElement("style"),t="";Object.entries(x).forEach(([i,a])=>{let n=`.${i}:hover`,c=Object.entries(a).map(([o,r])=>`${l(o)}: ${r}`).join("; ");t+=`${n} { ${c}; }
|
|
22
|
+
`}),e.innerHTML=t,document.head.appendChild(e)}function h(){let e=document.createElement("style"),t="";Object.entries(u).forEach(([i,a])=>{let n=`.${i}`,c=Object.entries(a).map(([o,r])=>`${l(o)}: ${r}`).join("; ");t+=`${n} { ${c}; }
|
|
23
|
+
`}),e.innerHTML=t,document.head.appendChild(e)}function p(e){e.addEventListener("mousemove",i=>{let a=e.getBoundingClientRect(),n=i.clientX-a.left,c=i.clientY-a.top,o=n/a.width,r=c/a.height,y=(o-.5)*15*2,w=(.5-r)*15*2,C=1.06;e.style.transform=`
|
|
24
24
|
perspective(1000px)
|
|
25
|
-
rotateX(${
|
|
26
|
-
rotateY(${
|
|
27
|
-
scale(${
|
|
28
|
-
`;let
|
|
25
|
+
rotateX(${w}deg)
|
|
26
|
+
rotateY(${y}deg)
|
|
27
|
+
scale(${C})
|
|
28
|
+
`;let v=o*100,k=r*100;e.style.background=`
|
|
29
29
|
radial-gradient(
|
|
30
|
-
circle at ${
|
|
30
|
+
circle at ${v}% ${k}%,
|
|
31
31
|
rgba(255,255,255,0.15),
|
|
32
32
|
transparent 60%
|
|
33
33
|
)
|
|
@@ -36,4 +36,4 @@
|
|
|
36
36
|
rotateX(0deg)
|
|
37
37
|
rotateY(0deg)
|
|
38
38
|
scale(1)
|
|
39
|
-
`,e.style.background=""})}function
|
|
39
|
+
`,e.style.background=""})}function f(){document.querySelectorAll(".chai-tilt-3d").forEach(t=>p(t))}function g(){s(),h(),d(),f()}var b=!1;function m(){b||(b=!0,g())}typeof window<"u"&&(window.ChaiTailwind={init:m},document.readyState==="loading"?document.addEventListener("DOMContentLoaded",m):m());})();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "chai-tailwind",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "A package that you can use to build mordern website, just like tailwind, But you shouldn't since tailwind is already there, It was just a fun project to learn dom.",
|
|
5
5
|
"main": "dist/chai-tailwind.js",
|
|
6
6
|
"unpkg": "dist/chai-tailwind.js",
|