This commit is contained in:
freedakgmail
2025-11-23 16:12:05 +08:00
parent 3375a79ed4
commit 222824f438
40 changed files with 38962 additions and 624 deletions
@@ -195,6 +195,7 @@
--color-blue-200: #bedbff;
--color-blue-400: #54a2ff;
--color-blue-500: #3080ff;
--color-blue-600: #155dfc;
--color-blue-700: #1447e6;
--color-blue-800: #193cb8;
--color-blue-900: #1c398e;
@@ -206,6 +207,8 @@
--color-purple-700: #8200da;
--color-pink-100: #fce7f3;
--color-pink-400: #fb64b6;
--color-pink-500: #f6339a;
--color-pink-600: #e30076;
--color-pink-700: #c4005c;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
@@ -243,11 +246,14 @@
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1.25;
@@ -299,6 +305,7 @@
--color-blue-200: lab(86.15% -4.04379 -21.0797);
--color-blue-400: lab(65.0361% -1.42065 -56.9802);
--color-blue-500: lab(54.1736% 13.3369 -74.6839);
--color-blue-600: lab(44.0605% 29.0279 -86.0352);
--color-blue-700: lab(36.9089% 35.0961 -85.6872);
--color-blue-800: lab(30.2514% 27.7853 -70.2699);
--color-blue-900: lab(26.1542% 15.7545 -51.5504);
@@ -310,6 +317,8 @@
--color-purple-700: lab(36.1758% 69.8525 -80.0381);
--color-pink-100: lab(93.5864% 9.01193 -3.15079);
--color-pink-400: lab(64.5597% 64.3615 -12.7988);
--color-pink-500: lab(56.9303% 76.8162 -8.07021);
--color-pink-600: lab(49.5493% 79.8381 2.31768);
--color-pink-700: lab(42.1737% 71.8009 7.42233);
--color-gray-50: lab(98.2596% -.247031 -.706708);
--color-gray-100: lab(96.1596% -.0823438 -1.13575);
@@ -942,6 +951,10 @@
margin-block: calc(var(--spacing) * 1);
}
.-mt-2 {
margin-top: calc(var(--spacing) * -2);
}
.-mt-4 {
margin-top: calc(var(--spacing) * -4);
}
@@ -1169,6 +1182,10 @@
height: var(--cell-size);
}
.h-1 {
height: calc(var(--spacing) * 1);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
@@ -2475,6 +2492,10 @@
background-color: var(--color-pink-100);
}
.bg-pink-500 {
background-color: var(--color-pink-500);
}
.bg-popover {
background-color: var(--popover);
}
@@ -2562,10 +2583,35 @@
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/rice-paper\.png\'\)\] {
background-image: url("https://www.transparenttextures.com/patterns/rice-paper.png");
}
.from-blue-500 {
--tw-gradient-from: var(--color-blue-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-600 {
--tw-gradient-from: var(--color-blue-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-card {
--tw-gradient-from: var(--card);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-pink-500 {
--tw-gradient-from: var(--color-pink-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/5 {
--tw-gradient-from: var(--primary);
}
@@ -2580,12 +2626,91 @@
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/50 {
--tw-gradient-from: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.from-primary\/50 {
--tw-gradient-from: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
.from-primary\/50 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-background {
--tw-gradient-via: var(--background);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary {
--tw-gradient-via: var(--primary);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-purple-500 {
--tw-gradient-via: var(--color-purple-500);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-blue-400 {
--tw-gradient-to: var(--color-blue-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-500 {
--tw-gradient-to: var(--color-blue-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-card\/50 {
--tw-gradient-to: var(--card);
}
@supports (color: color-mix(in lab, red, red)) {
.to-card\/50 {
--tw-gradient-to: color-mix(in oklab, var(--card) 50%, transparent);
}
}
.to-card\/50 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-400 {
--tw-gradient-to: var(--color-pink-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-500 {
--tw-gradient-to: var(--color-pink-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-600 {
--tw-gradient-to: var(--color-pink-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/50 {
--tw-gradient-to: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.to-primary\/50 {
--tw-gradient-to: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
.to-primary\/50 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-secondary\/5 {
--tw-gradient-to: var(--secondary);
}
@@ -2636,6 +2761,10 @@
padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
@@ -2863,6 +2992,11 @@
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2959,6 +3093,11 @@
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
@@ -3009,6 +3148,10 @@
color: var(--color-blue-400);
}
.text-blue-600 {
color: var(--color-blue-600);
}
.text-blue-700 {
color: var(--color-blue-700);
}
@@ -3087,6 +3230,16 @@
}
}
.text-muted-foreground\/80 {
color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.text-muted-foreground\/80 {
color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
}
}
.text-neutral-500 {
color: var(--color-neutral-500);
}
@@ -3103,6 +3256,10 @@
color: var(--color-pink-400);
}
.text-pink-600 {
color: var(--color-pink-600);
}
.text-pink-700 {
color: var(--color-pink-700);
}
@@ -3119,6 +3276,16 @@
color: var(--primary-foreground);
}
.text-primary\/70 {
color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.text-primary\/70 {
color: color-mix(in oklab, var(--primary) 70%, transparent);
}
}
.text-purple-700 {
color: var(--color-purple-700);
}
@@ -3404,6 +3571,11 @@
transition-duration: .3s;
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.duration-1000 {
--tw-duration: 1s;
transition-duration: 1s;
@@ -3471,6 +3643,18 @@
}
}
@media (hover: hover) {
.group-hover\:bg-primary\/20:is(:where(.group):hover *) {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-primary\/20:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
@@ -3886,6 +4070,18 @@
}
}
@media (hover: hover) {
.hover\:border-primary\/30:hover {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/30:hover {
border-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-accent:hover {
background-color: var(--accent);
@@ -5721,10 +5917,18 @@
color: var(--color-blue-200);
}
.dark\:text-blue-400:is(.dark *) {
color: var(--color-blue-400);
}
.dark\:text-muted-foreground:is(.dark *) {
color: var(--muted-foreground);
}
.dark\:text-pink-400:is(.dark *) {
color: var(--color-pink-400);
}
.dark\:text-yellow-200:is(.dark *) {
color: var(--color-yellow-200);
}