mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-13 10:15:22 +00:00
George Cushen
f4280ddb1c
BREAKING CHANGE Module paths moved to `github.com/HugoBlox/kit` with new names: - core `blox-tailwind` → `blox` - analytics → `analytics` - netlify → `integrations/netlify` - slides (reveal) → `slides` Update go.mod, module.yaml/params, scripts, tests, and v0.11 migration guide accordingly.
233 lines
16 KiB
CSS
233 lines
16 KiB
CSS
/* Safelist patterns for dynamic classes */
|
|
/* Note: In v4, we use @source inline to ensure these are included */
|
|
/* This ensures Tailwind generates these classes even if not found in templates */
|
|
|
|
/* Inline safelist for classes used in dynamic content and YAML configuration */
|
|
/* Includes search modal Quick Actions dynamic color classes */
|
|
@source inline("<div class='block hidden dark:block dark:hidden'></div><div class='task-list'></div><div class='pl-4 pl-8 pl-12'></div><div class='min-h-screen'></div><div class='border-l-2 border-primary-600 bg-primary-50 dark:bg-primary-900/20'></div><div class='overflow-hidden animate-pulse animate-float animate-rotate-slow'></div><div class='blur-2xl blur-3xl -z-10'></div><div class='top-0 bottom-0 left-0 right-0 left-1/4 right-1/4 left-1/2 right-1/2 left-1/3 right-1/3'></div><div class='w-64 w-72 w-80 w-96 h-64 h-72 h-80 h-96 h-48 h-56 rounded-full'></div><div class='skew-y-2 -skew-y-2 skew-y-3 -skew-y-3'></div><div class='md:grid-cols-1 md:grid-cols-2 md:grid-cols-3 md:grid-cols-4 md:grid-cols-5 md:grid-cols-6'></div><div class='bg-white bg-gray-50 bg-gray-100 bg-gray-200 bg-gray-300 bg-gray-400 bg-gray-500 bg-gray-600 bg-gray-700 bg-gray-800 bg-gray-900'></div><div class='bg-neutral-50 bg-neutral-100 bg-neutral-200 bg-neutral-300 bg-neutral-400 bg-neutral-500 bg-neutral-600 bg-neutral-700 bg-neutral-800 bg-neutral-900'></div><div class='dark:bg-neutral-700 dark:bg-neutral-800 dark:bg-neutral-900'></div><div class='bg-primary-50 bg-primary-100 bg-primary-200 bg-primary-300 bg-primary-400 bg-primary-500 bg-primary-600 bg-primary-700 bg-primary-800 bg-primary-900'></div><div class='bg-primary-500/10 bg-primary-500/20 bg-primary-500/30 bg-primary-500/40 bg-primary-600/10 bg-primary-600/20 bg-primary-600/30 bg-primary-600/40'></div><div class='via-transparent from-primary-500/20 to-primary-600/20'></div><div class='bg-secondary-50 bg-secondary-100 bg-secondary-200 bg-secondary-300 bg-secondary-400 bg-secondary-500 bg-secondary-600 bg-secondary-700 bg-secondary-800 bg-secondary-900'></div><div class='text-primary-50 text-primary-100 text-primary-200 text-primary-300 text-primary-400 text-primary-500 text-primary-600 text-primary-700 text-primary-800 text-primary-900'></div><div class='text-secondary-50 text-secondary-100 text-secondary-200 text-secondary-300 text-secondary-400 text-secondary-500 text-secondary-600 text-secondary-700 text-secondary-800 text-secondary-900'></div><div class='text-neutral-50 text-neutral-100 text-neutral-200 text-neutral-300 text-neutral-400 text-neutral-500 text-neutral-600 text-neutral-700 text-neutral-800 text-neutral-900'></div><div class='text-white text-black dark:text-white'></div><div class='dark:text-neutral-300 dark:text-neutral-400'></div><div class='border-primary-50 border-primary-100 border-primary-200 border-primary-300 border-primary-400 border-primary-500 border-primary-600 border-primary-700 border-primary-800 border-primary-900'></div><div class='border-secondary-50 border-secondary-100 border-secondary-200 border-secondary-300 border-secondary-400 border-secondary-500 border-secondary-600 border-secondary-700 border-secondary-800 border-secondary-900'></div><div class='border-neutral-50 border-neutral-100 border-neutral-200 border-neutral-300 border-neutral-400 border-neutral-500 border-neutral-600 border-neutral-700 border-neutral-800 border-neutral-900'></div><div class='bg-gradient-to-t bg-gradient-to-tr bg-gradient-to-r bg-gradient-to-br bg-gradient-to-b bg-gradient-to-bl bg-gradient-to-l bg-gradient-to-tl'></div><div class='from-primary-50 from-primary-100 from-primary-200 from-primary-300 from-primary-400 from-primary-500 from-primary-600 from-primary-700 from-primary-800 from-primary-900'></div><div class='from-secondary-50 from-secondary-100 from-secondary-200 from-secondary-300 from-secondary-400 from-secondary-500 from-secondary-600 from-secondary-700 from-secondary-800 from-secondary-900'></div><div class='to-primary-50 to-primary-100 to-primary-200 to-primary-300 to-primary-400 to-primary-500 to-primary-600 to-primary-700 to-primary-800 to-primary-900'></div><div class='to-secondary-50 to-secondary-100 to-secondary-200 to-secondary-300 to-secondary-400 to-secondary-500 to-secondary-600 to-secondary-700 to-secondary-800 to-secondary-900'></div><div class='hover:from-primary-500 hover:from-secondary-500 hover:to-primary-500 hover:to-secondary-500'></div><div class='hover:bg-primary-50 hover:bg-primary-100 hover:bg-primary-200 hover:bg-primary-300 hover:bg-primary-400 hover:bg-primary-500 hover:bg-primary-600 hover:bg-primary-700 hover:bg-primary-800 hover:bg-primary-900'></div><div class='hover:bg-neutral-50 hover:bg-neutral-100 hover:bg-neutral-200 hover:bg-neutral-300 hover:bg-neutral-400 hover:bg-neutral-500 hover:bg-neutral-600 hover:bg-neutral-700 hover:bg-neutral-800 hover:bg-neutral-900'></div><div class='hover:text-primary hover:text-primary-50 hover:text-primary-100 hover:text-primary-200 hover:text-primary-300 hover:text-primary-400 hover:text-primary-500 hover:text-primary-600 hover:text-primary-700 hover:text-primary-800 hover:text-primary-900'></div><div class='hover:text-neutral-50 hover:text-neutral-100 hover:text-neutral-200 hover:text-neutral-300 hover:text-neutral-400 hover:text-neutral-500 hover:text-neutral-600 hover:text-neutral-700 hover:text-neutral-800 hover:text-neutral-900'></div><div class='dark:hover:bg-primary-50 dark:hover:bg-primary-100 dark:hover:bg-primary-200 dark:hover:bg-primary-300 dark:hover:bg-primary-400 dark:hover:bg-primary-500 dark:hover:bg-primary-600 dark:hover:bg-primary-700 dark:hover:bg-primary-800 dark:hover:bg-primary-900'></div><div class='dark:hover:text-neutral-50 dark:hover:text-neutral-100 dark:hover:text-neutral-200 dark:hover:text-neutral-300 dark:hover:text-neutral-400 dark:hover:text-neutral-500 dark:hover:text-neutral-600 dark:hover:text-neutral-700 dark:hover:text-neutral-800 dark:hover:text-neutral-900'></div><div class='bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo-950'></div><div class='bg-purple-50 bg-purple-100 bg-purple-200 bg-purple-300 bg-purple-400 bg-purple-500 bg-purple-600 bg-purple-700 bg-purple-800 bg-purple-900 bg-purple-950'></div><div class='bg-pink-50 bg-pink-100 bg-pink-200 bg-pink-300 bg-pink-400 bg-pink-500 bg-pink-600 bg-pink-700 bg-pink-800 bg-pink-900 bg-pink-950'></div><div class='bg-red-50 bg-red-100 bg-red-200 bg-red-300 bg-red-400 bg-red-500 bg-red-600 bg-red-700 bg-red-800 bg-red-900 bg-red-950'></div><div class='bg-orange-50 bg-orange-100 bg-orange-200 bg-orange-300 bg-orange-400 bg-orange-500 bg-orange-600 bg-orange-700 bg-orange-800 bg-orange-900 bg-orange-950'></div><div class='bg-amber-50 bg-amber-100 bg-amber-200 bg-amber-300 bg-amber-400 bg-amber-500 bg-amber-600 bg-amber-700 bg-amber-800 bg-amber-900 bg-amber-950'></div><div class='bg-yellow-50 bg-yellow-100 bg-yellow-200 bg-yellow-300 bg-yellow-400 bg-yellow-500 bg-yellow-600 bg-yellow-700 bg-yellow-800 bg-yellow-900 bg-yellow-950'></div><div class='bg-lime-50 bg-lime-100 bg-lime-200 bg-lime-300 bg-lime-400 bg-lime-500 bg-lime-600 bg-lime-700 bg-lime-800 bg-lime-900 bg-lime-950'></div><div class='bg-green-50 bg-green-100 bg-green-200 bg-green-300 bg-green-400 bg-green-500 bg-green-600 bg-green-700 bg-green-800 bg-green-900 bg-green-950'></div><div class='bg-emerald-50 bg-emerald-100 bg-emerald-200 bg-emerald-300 bg-emerald-400 bg-emerald-500 bg-emerald-600 bg-emerald-700 bg-emerald-800 bg-emerald-900 bg-emerald-950'></div><div class='bg-teal-50 bg-teal-100 bg-teal-200 bg-teal-300 bg-teal-400 bg-teal-500 bg-teal-600 bg-teal-700 bg-teal-800 bg-teal-900 bg-teal-950'></div><div class='bg-cyan-50 bg-cyan-100 bg-cyan-200 bg-cyan-300 bg-cyan-400 bg-cyan-500 bg-cyan-600 bg-cyan-700 bg-cyan-800 bg-cyan-900 bg-cyan-950'></div><div class='bg-sky-50 bg-sky-100 bg-sky-200 bg-sky-300 bg-sky-400 bg-sky-500 bg-sky-600 bg-sky-700 bg-sky-800 bg-sky-900 bg-sky-950'></div><div class='bg-blue-50 bg-blue-100 bg-blue-200 bg-blue-300 bg-blue-400 bg-blue-500 bg-blue-600 bg-blue-700 bg-blue-800 bg-blue-900 bg-blue-950'></div><div class='bg-violet-50 bg-violet-100 bg-violet-200 bg-violet-300 bg-violet-400 bg-violet-500 bg-violet-600 bg-violet-700 bg-violet-800 bg-violet-900 bg-violet-950'></div><div class='from-indigo-950 from-purple-900 to-indigo-950 to-purple-900'></div><div class='hover:border-primary-500 hover:border-green-500 hover:border-blue-500 hover:border-red-500 hover:border-amber-500 hover:border-purple-500'></div><div class='text-primary-600 text-green-600 text-blue-600 text-red-600 text-amber-600 text-purple-600'></div><div class='dark:bg-primary-900 dark:bg-green-900 dark:bg-blue-900 dark:bg-red-900 dark:bg-amber-900 dark:bg-purple-900'></div><div class='dark:text-primary-400 dark:text-green-400 dark:text-blue-400 dark:text-red-400 dark:text-amber-400 dark:text-purple-400'></div><div class='dark:hover:bg-primary-900/10 dark:hover:bg-green-900/10 dark:hover:bg-blue-900/10 dark:hover:bg-red-900/10 dark:hover:bg-amber-900/10 dark:hover:bg-purple-900/10'></div>");
|
|
|
|
/* Force generation of all CSS custom properties for dynamic usage in YAML front matter */
|
|
/* Hidden utility class that forces all color variables to be generated */
|
|
.force-all-color-vars {
|
|
/* Primary Colors */
|
|
color: var(--color-primary-50);
|
|
color: var(--color-primary-100);
|
|
color: var(--color-primary-200);
|
|
color: var(--color-primary-300);
|
|
color: var(--color-primary-400);
|
|
color: var(--color-primary-500);
|
|
color: var(--color-primary-600);
|
|
color: var(--color-primary-700);
|
|
color: var(--color-primary-800);
|
|
color: var(--color-primary-900);
|
|
color: var(--color-primary-950);
|
|
|
|
/* Secondary Colors */
|
|
color: var(--color-secondary-50);
|
|
color: var(--color-secondary-100);
|
|
color: var(--color-secondary-200);
|
|
color: var(--color-secondary-300);
|
|
color: var(--color-secondary-400);
|
|
color: var(--color-secondary-500);
|
|
color: var(--color-secondary-600);
|
|
color: var(--color-secondary-700);
|
|
color: var(--color-secondary-800);
|
|
color: var(--color-secondary-900);
|
|
color: var(--color-secondary-950);
|
|
|
|
/* Extended Color Palette for Dynamic Gradients */
|
|
color: var(--color-indigo-50);
|
|
color: var(--color-indigo-100);
|
|
color: var(--color-indigo-200);
|
|
color: var(--color-indigo-300);
|
|
color: var(--color-indigo-400);
|
|
color: var(--color-indigo-500);
|
|
color: var(--color-indigo-600);
|
|
color: var(--color-indigo-700);
|
|
color: var(--color-indigo-800);
|
|
color: var(--color-indigo-900);
|
|
color: var(--color-indigo-950);
|
|
|
|
color: var(--color-purple-50);
|
|
color: var(--color-purple-100);
|
|
color: var(--color-purple-200);
|
|
color: var(--color-purple-300);
|
|
color: var(--color-purple-400);
|
|
color: var(--color-purple-500);
|
|
color: var(--color-purple-600);
|
|
color: var(--color-purple-700);
|
|
color: var(--color-purple-800);
|
|
color: var(--color-purple-900);
|
|
color: var(--color-purple-950);
|
|
|
|
color: var(--color-pink-50);
|
|
color: var(--color-pink-100);
|
|
color: var(--color-pink-200);
|
|
color: var(--color-pink-300);
|
|
color: var(--color-pink-400);
|
|
color: var(--color-pink-500);
|
|
color: var(--color-pink-600);
|
|
color: var(--color-pink-700);
|
|
color: var(--color-pink-800);
|
|
color: var(--color-pink-900);
|
|
color: var(--color-pink-950);
|
|
|
|
color: var(--color-red-50);
|
|
color: var(--color-red-100);
|
|
color: var(--color-red-200);
|
|
color: var(--color-red-300);
|
|
color: var(--color-red-400);
|
|
color: var(--color-red-500);
|
|
color: var(--color-red-600);
|
|
color: var(--color-red-700);
|
|
color: var(--color-red-800);
|
|
color: var(--color-red-900);
|
|
color: var(--color-red-950);
|
|
|
|
color: var(--color-orange-50);
|
|
color: var(--color-orange-100);
|
|
color: var(--color-orange-200);
|
|
color: var(--color-orange-300);
|
|
color: var(--color-orange-400);
|
|
color: var(--color-orange-500);
|
|
color: var(--color-orange-600);
|
|
color: var(--color-orange-700);
|
|
color: var(--color-orange-800);
|
|
color: var(--color-orange-900);
|
|
color: var(--color-orange-950);
|
|
|
|
color: var(--color-amber-50);
|
|
color: var(--color-amber-100);
|
|
color: var(--color-amber-200);
|
|
color: var(--color-amber-300);
|
|
color: var(--color-amber-400);
|
|
color: var(--color-amber-500);
|
|
color: var(--color-amber-600);
|
|
color: var(--color-amber-700);
|
|
color: var(--color-amber-800);
|
|
color: var(--color-amber-900);
|
|
color: var(--color-amber-950);
|
|
|
|
color: var(--color-yellow-50);
|
|
color: var(--color-yellow-100);
|
|
color: var(--color-yellow-200);
|
|
color: var(--color-yellow-300);
|
|
color: var(--color-yellow-400);
|
|
color: var(--color-yellow-500);
|
|
color: var(--color-yellow-600);
|
|
color: var(--color-yellow-700);
|
|
color: var(--color-yellow-800);
|
|
color: var(--color-yellow-900);
|
|
color: var(--color-yellow-950);
|
|
|
|
color: var(--color-lime-50);
|
|
color: var(--color-lime-100);
|
|
color: var(--color-lime-200);
|
|
color: var(--color-lime-300);
|
|
color: var(--color-lime-400);
|
|
color: var(--color-lime-500);
|
|
color: var(--color-lime-600);
|
|
color: var(--color-lime-700);
|
|
color: var(--color-lime-800);
|
|
color: var(--color-lime-900);
|
|
color: var(--color-lime-950);
|
|
|
|
color: var(--color-green-50);
|
|
color: var(--color-green-100);
|
|
color: var(--color-green-200);
|
|
color: var(--color-green-300);
|
|
color: var(--color-green-400);
|
|
color: var(--color-green-500);
|
|
color: var(--color-green-600);
|
|
color: var(--color-green-700);
|
|
color: var(--color-green-800);
|
|
color: var(--color-green-900);
|
|
color: var(--color-green-950);
|
|
|
|
color: var(--color-emerald-50);
|
|
color: var(--color-emerald-100);
|
|
color: var(--color-emerald-200);
|
|
color: var(--color-emerald-300);
|
|
color: var(--color-emerald-400);
|
|
color: var(--color-emerald-500);
|
|
color: var(--color-emerald-600);
|
|
color: var(--color-emerald-700);
|
|
color: var(--color-emerald-800);
|
|
color: var(--color-emerald-900);
|
|
color: var(--color-emerald-950);
|
|
|
|
color: var(--color-teal-50);
|
|
color: var(--color-teal-100);
|
|
color: var(--color-teal-200);
|
|
color: var(--color-teal-300);
|
|
color: var(--color-teal-400);
|
|
color: var(--color-teal-500);
|
|
color: var(--color-teal-600);
|
|
color: var(--color-teal-700);
|
|
color: var(--color-teal-800);
|
|
color: var(--color-teal-900);
|
|
color: var(--color-teal-950);
|
|
|
|
color: var(--color-cyan-50);
|
|
color: var(--color-cyan-100);
|
|
color: var(--color-cyan-200);
|
|
color: var(--color-cyan-300);
|
|
color: var(--color-cyan-400);
|
|
color: var(--color-cyan-500);
|
|
color: var(--color-cyan-600);
|
|
color: var(--color-cyan-700);
|
|
color: var(--color-cyan-800);
|
|
color: var(--color-cyan-900);
|
|
color: var(--color-cyan-950);
|
|
|
|
color: var(--color-sky-50);
|
|
color: var(--color-sky-100);
|
|
color: var(--color-sky-200);
|
|
color: var(--color-sky-300);
|
|
color: var(--color-sky-400);
|
|
color: var(--color-sky-500);
|
|
color: var(--color-sky-600);
|
|
color: var(--color-sky-700);
|
|
color: var(--color-sky-800);
|
|
color: var(--color-sky-900);
|
|
color: var(--color-sky-950);
|
|
|
|
color: var(--color-blue-50);
|
|
color: var(--color-blue-100);
|
|
color: var(--color-blue-200);
|
|
color: var(--color-blue-300);
|
|
color: var(--color-blue-400);
|
|
color: var(--color-blue-500);
|
|
color: var(--color-blue-600);
|
|
color: var(--color-blue-700);
|
|
color: var(--color-blue-800);
|
|
color: var(--color-blue-900);
|
|
color: var(--color-blue-950);
|
|
|
|
color: var(--color-violet-50);
|
|
color: var(--color-violet-100);
|
|
color: var(--color-violet-200);
|
|
color: var(--color-violet-300);
|
|
color: var(--color-violet-400);
|
|
color: var(--color-violet-500);
|
|
color: var(--color-violet-600);
|
|
color: var(--color-violet-700);
|
|
color: var(--color-violet-800);
|
|
color: var(--color-violet-900);
|
|
color: var(--color-violet-950);
|
|
|
|
/* Never display this class */
|
|
display: none !important;
|
|
}
|
|
|
|
/* Support for dual light/dark background colors in parse_block_v2.html */
|
|
@media (prefers-color-scheme: dark) {
|
|
.home-section-bg[style*="--dark-bg-color"] {
|
|
background-color: var(--dark-bg-color) !important;
|
|
}
|
|
}
|
|
|
|
.dark .home-section-bg[style*="--dark-bg-color"] {
|
|
background-color: var(--dark-bg-color) !important;
|
|
}
|