TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-22 03:07:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: shinier

Browse Source
This commit is contained in:
tresabhi committed 2025-05-07 19:43:40 -05:00
1 parent 4064f163ec
commit 4e4f070368
1 file changed
+21 -21
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/components/HomeHero.astro
+21 -21
View File
@@ -16,24 +16,24 @@ const strings = getStrings(locale);
--p-2: 0%;
--p-3: 0%;
--p-4: 0%;
--p-5: 0%;
--p-7: 0%;
--g-1-dark: var(--blue-3);
--g-1-light: var(--blue-5);
--g-1-light: var(--blue-7);
--g-2-dark: var(--violet-3);
--g-2-light: var(--violet-5);
--g-2-light: var(--violet-7);
--g-3-dark: var(--purple-3);
--g-3-light: var(--purple-5);
--g-3-light: var(--purple-7);
--g-4-dark: var(--crimson-3);
--g-4-light: var(--crimson-5);
--g-5-dark: var(--tomato-3);
--g-5-light: var(--tomato-5);
--g-4-light: var(--crimson-7);
--g-7-dark: var(--tomato-3);
--g-7-light: var(--tomato-7);
--g-1: color-mix(in srgb, var(--g-1-dark), var(--g-1-light) var(--p-1));
--g-2: color-mix(in srgb, var(--g-2-dark), var(--g-2-light) var(--p-2));
--g-3: color-mix(in srgb, var(--g-3-dark), var(--g-3-light) var(--p-3));
--g-4: color-mix(in srgb, var(--g-4-dark), var(--g-4-light) var(--p-4));
--g-5: color-mix(in srgb, var(--g-5-dark), var(--g-5-light) var(--p-5));
--g-7: color-mix(in srgb, var(--g-7-dark), var(--g-7-light) var(--p-7));
background: linear-gradient(
45deg,
@@ -41,34 +41,34 @@ const strings = getStrings(locale);
var(--g-2),
var(--g-3),
var(--g-4),
var(--g-5)
var(--g-7)
);
}
#home-hero[data-variant='pride'] {
--g-1-dark: var(--crimson-3);
--g-1-light: var(--crimson-5);
--g-1-light: var(--crimson-7);
--g-2-dark: var(--orange-3);
--g-2-light: var(--orange-5);
--g-2-light: var(--orange-7);
--g-3-dark: var(--yellow-3);
--g-3-light: var(--yellow-5);
--g-3-light: var(--yellow-7);
--g-4-dark: var(--blue-3);
--g-4-light: var(--blue-5);
--g-5-dark: var(--purple-3);
--g-5-light: var(--purple-5);
--g-4-light: var(--blue-7);
--g-7-dark: var(--purple-3);
--g-7-light: var(--purple-7);
}
#home-hero[data-variant='spooky'] {
--g-1-dark: var(--orange-3);
--g-1-light: var(--orange-5);
--g-1-light: var(--orange-7);
--g-2-dark: var(--tomato-3);
--g-2-light: var(--tomato-5);
--g-2-light: var(--tomato-7);
--g-3-dark: var(--orange-3);
--g-3-light: var(--orange-5);
--g-3-light: var(--orange-7);
--g-4-dark: var(--tomato-3);
--g-4-light: var(--tomato-5);
--g-5-dark: var(--orange-3);
--g-5-light: var(--orange-5);
--g-4-light: var(--tomato-7);
--g-7-dark: var(--orange-3);
--g-7-light: var(--orange-7);
}
</style>