mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 17:38:10 +00:00
87 lines
1.4 KiB
CSS
87 lines
1.4 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: "Outfit", sans-serif;
|
|
}
|
|
body {
|
|
font-family:
|
|
system-ui,
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
"Segoe UI",
|
|
Roboto,
|
|
Oxygen,
|
|
Ubuntu,
|
|
Cantarell,
|
|
"Open Sans",
|
|
"Helvetica Neue",
|
|
sans-serif;
|
|
color: #ffffff;
|
|
background-color: #1b1b1f;
|
|
}
|
|
}
|
|
|
|
.bg-dots {
|
|
background-image: radial-gradient(#ffffff20 1px, transparent 0);
|
|
background-color: #101014;
|
|
background-size: 33px 33px;
|
|
@apply bg-center;
|
|
}
|
|
|
|
@property --angle {
|
|
syntax: "<angle>";
|
|
inherits: false;
|
|
initial-value: 0deg;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
0% {
|
|
--angle: 0deg;
|
|
}
|
|
100% {
|
|
--angle: 360deg;
|
|
}
|
|
}
|
|
|
|
.glow-border-animated {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.glow-border-animated::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -3px;
|
|
background: conic-gradient(
|
|
from var(--angle),
|
|
transparent 0%,
|
|
transparent 80%,
|
|
rgba(147, 197, 253, 0.4) 85%,
|
|
rgba(191, 219, 254, 0.9) 90%,
|
|
rgba(255, 255, 255, 1) 92.5%,
|
|
rgba(191, 219, 254, 0.9) 95%,
|
|
rgba(147, 197, 253, 0.4) 100%,
|
|
transparent 100%
|
|
);
|
|
border-radius: inherit;
|
|
animation: rotate 2.2s linear infinite;
|
|
z-index: -1;
|
|
}
|
|
|
|
.glow-border-animated::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 2px;
|
|
background: inherit;
|
|
border-radius: inherit;
|
|
z-index: -1;
|
|
}
|