You've already forked Atomcms-edit
root
82 lines
1.8 KiB
CSS
Executable File
82 lines
1.8 KiB
CSS
Executable File
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-primary: #eeb425;
|
|
--color-primary-hover: #cf9d15;
|
|
--color-background: #f3f4f6;
|
|
--color-surface: #ffffff;
|
|
--color-dropdown: #ffffff;
|
|
--color-navbar: #ffffff;
|
|
--color-navbar-text: #1f2937;
|
|
--color-text: #1f2937;
|
|
--color-text-muted: #6b7280;
|
|
--color-accent: #10b981;
|
|
--color-accent-hover: #16a34a;
|
|
--color-danger: #ef4444;
|
|
--color-danger-hover: #dc2626;
|
|
--color-secondary: #1a1a2e;
|
|
--color-border: #eeb425;
|
|
--color-input-border: #4b5563;
|
|
|
|
--font-family-sans: "Poppins", sans-serif;
|
|
|
|
--radius-sm: 6px;
|
|
--radius-md: 10px;
|
|
--radius-lg: 14px;
|
|
--radius-xl: 20px;
|
|
--radius-full: 9999px;
|
|
|
|
--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
|
|
--shadow-btn: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
--shadow-btn-hover: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
|
|
|
|
body {
|
|
font-family: var(--font-family-sans);
|
|
background-color: var(--color-background);
|
|
color: var(--color-text);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* Button effects */
|
|
@keyframes sparkle {
|
|
0%,
|
|
100% {
|
|
transform: scale(0) rotate(0deg);
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
transform: scale(1) rotate(180deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes float {
|
|
0%,
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
50% {
|
|
transform: translateY(-3px);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse-glow {
|
|
0%,
|
|
100% {
|
|
box-shadow:
|
|
0 0 5px var(--color-primary),
|
|
0 0 10px var(--color-primary);
|
|
}
|
|
50% {
|
|
box-shadow:
|
|
0 0 15px var(--color-primary),
|
|
0 0 25px var(--color-primary);
|
|
}
|
|
}
|