0.0.5.2
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user