2023-01-28 16:16:38 +01:00
|
|
|
@tailwind base;
|
|
|
|
@tailwind components;
|
2023-01-28 17:28:31 +01:00
|
|
|
@tailwind utilities;
|
|
|
|
|
|
|
|
@layer base {
|
|
|
|
h1 {
|
|
|
|
@apply text-4xl;
|
|
|
|
}
|
|
|
|
h2 {
|
|
|
|
@apply text-3xl;
|
|
|
|
}
|
|
|
|
h3 {
|
|
|
|
@apply text-2xl;
|
|
|
|
}
|
|
|
|
h4 {
|
|
|
|
@apply text-xl;
|
|
|
|
}
|
|
|
|
}
|
2023-02-06 14:17:50 +01:00
|
|
|
|
|
|
|
@layer utilities {
|
|
|
|
.perspective {
|
|
|
|
perspective: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.preserve-3d {
|
|
|
|
transform-style: preserve-3d;
|
|
|
|
}
|
|
|
|
|
|
|
|
.distance-1 {
|
|
|
|
transform: translateZ(-50px) scale(1.5);
|
|
|
|
}
|
|
|
|
|
|
|
|
.distance-2 {
|
|
|
|
transform: translateZ(-100px) scale(2);
|
|
|
|
}
|
|
|
|
|
|
|
|
.distance-3 {
|
|
|
|
transform: translateZ(-150px) scale(2.5);
|
|
|
|
}
|
|
|
|
|
|
|
|
.-distance-1 {
|
|
|
|
transform: translateZ(50px) scale(0.5);
|
|
|
|
}
|
|
|
|
}
|