add about
This commit is contained in:
@@ -20,6 +20,7 @@
|
||||
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
||||
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
||||
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
||||
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
||||
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
||||
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
||||
--color-gray-50: oklch(98.5% 0.002 247.839);
|
||||
@@ -43,6 +44,7 @@
|
||||
--container-2xl: 42rem;
|
||||
--container-3xl: 48rem;
|
||||
--container-5xl: 64rem;
|
||||
--container-6xl: 72rem;
|
||||
--container-7xl: 80rem;
|
||||
--text-xs: 0.75rem;
|
||||
--text-sm: 0.875rem;
|
||||
@@ -268,6 +270,9 @@
|
||||
.inset-2 {
|
||||
inset: calc(var(--spacing) * 2);
|
||||
}
|
||||
.inset-px {
|
||||
inset: 1px;
|
||||
}
|
||||
.inset-x-0 {
|
||||
inset-inline: calc(var(--spacing) * 0);
|
||||
}
|
||||
@@ -502,6 +507,9 @@
|
||||
.mb-0\.5 {
|
||||
margin-bottom: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
.mb-8 {
|
||||
margin-bottom: calc(var(--spacing) * 8);
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: calc(var(--spacing) * 10);
|
||||
}
|
||||
@@ -514,6 +522,9 @@
|
||||
.ml-0\.5 {
|
||||
margin-left: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
.ml-2 {
|
||||
margin-left: calc(var(--spacing) * 2);
|
||||
}
|
||||
.ml-\[-22rem\] {
|
||||
margin-left: -22rem;
|
||||
}
|
||||
@@ -629,6 +640,9 @@
|
||||
.h-3\/4 {
|
||||
height: calc(3/4 * 100%);
|
||||
}
|
||||
.h-5 {
|
||||
height: calc(var(--spacing) * 5);
|
||||
}
|
||||
.h-6 {
|
||||
height: calc(var(--spacing) * 6);
|
||||
}
|
||||
@@ -689,6 +703,9 @@
|
||||
.w-3\/5 {
|
||||
width: calc(3/5 * 100%);
|
||||
}
|
||||
.w-5 {
|
||||
width: calc(var(--spacing) * 5);
|
||||
}
|
||||
.w-45 {
|
||||
width: calc(var(--spacing) * 45);
|
||||
}
|
||||
@@ -731,6 +748,9 @@
|
||||
.max-w-5xl {
|
||||
max-width: var(--container-5xl);
|
||||
}
|
||||
.max-w-6xl {
|
||||
max-width: var(--container-6xl);
|
||||
}
|
||||
.max-w-7xl {
|
||||
max-width: var(--container-7xl);
|
||||
}
|
||||
@@ -770,6 +790,9 @@
|
||||
.shrink-0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.grow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.origin-top-right {
|
||||
transform-origin: top right;
|
||||
}
|
||||
@@ -978,6 +1001,9 @@
|
||||
.rounded-\[calc\(var\(--radius\)\+var\(--padding\)\)\] {
|
||||
border-radius: calc(var(--radius) + var(--padding));
|
||||
}
|
||||
.rounded-\[calc\(var\(--radius-lg\)\+1px\)\] {
|
||||
border-radius: calc(var(--radius-lg) + 1px);
|
||||
}
|
||||
.rounded-full {
|
||||
border-radius: calc(infinity * 1px);
|
||||
}
|
||||
@@ -1213,6 +1239,10 @@
|
||||
--tw-gradient-from: #7d59ff;
|
||||
--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-\[\#8b62f3\] {
|
||||
--tw-gradient-from: #8b62f3;
|
||||
--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-\[\#8d80ff\] {
|
||||
--tw-gradient-from: #8d80ff;
|
||||
--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));
|
||||
@@ -1221,6 +1251,10 @@
|
||||
--tw-gradient-from: #490ae7;
|
||||
--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-\[\#7848f3\] {
|
||||
--tw-gradient-from: #7848f3;
|
||||
--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-\[\#ac97f7\] {
|
||||
--tw-gradient-from: #ac97f7;
|
||||
--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));
|
||||
@@ -1229,6 +1263,10 @@
|
||||
--tw-gradient-from: #b79fff;
|
||||
--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-\[\#cfbeff\] {
|
||||
--tw-gradient-from: #cfbeff;
|
||||
--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-\[\#e6d7ff\] {
|
||||
--tw-gradient-from: #e6d7ff;
|
||||
--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));
|
||||
@@ -1343,6 +1381,11 @@
|
||||
--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-\[\#ba87ee\] {
|
||||
--tw-gradient-via: #ba87ee;
|
||||
--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-\[\#ee87cb\] {
|
||||
--tw-gradient-via: #ee87cb;
|
||||
--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);
|
||||
@@ -1441,6 +1484,9 @@
|
||||
}
|
||||
--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-30\% {
|
||||
--tw-gradient-to-position: 30%;
|
||||
}
|
||||
.to-35\% {
|
||||
--tw-gradient-to-position: 35%;
|
||||
}
|
||||
@@ -1537,6 +1583,9 @@
|
||||
.object-cover {
|
||||
object-fit: cover;
|
||||
}
|
||||
.object-left {
|
||||
object-position: left;
|
||||
}
|
||||
.p-0 {
|
||||
padding: calc(var(--spacing) * 0);
|
||||
}
|
||||
@@ -1615,6 +1664,9 @@
|
||||
.py-24 {
|
||||
padding-block: calc(var(--spacing) * 24);
|
||||
}
|
||||
.py-242 {
|
||||
padding-block: calc(var(--spacing) * 242);
|
||||
}
|
||||
.py-\[calc\(--spacing\(1\.5\)-1px\)\] {
|
||||
padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
|
||||
}
|
||||
@@ -1763,6 +1815,10 @@
|
||||
font-size: var(--text-lg);
|
||||
line-height: var(--tw-leading, var(--text-lg--line-height));
|
||||
}
|
||||
.text-lg\/6 {
|
||||
font-size: var(--text-lg);
|
||||
line-height: calc(var(--spacing) * 6);
|
||||
}
|
||||
.text-lg\/8 {
|
||||
font-size: var(--text-lg);
|
||||
line-height: calc(var(--spacing) * 8);
|
||||
@@ -1771,6 +1827,10 @@
|
||||
font-size: var(--text-sm);
|
||||
line-height: var(--tw-leading, var(--text-sm--line-height));
|
||||
}
|
||||
.text-sm\/4 {
|
||||
font-size: var(--text-sm);
|
||||
line-height: calc(var(--spacing) * 4);
|
||||
}
|
||||
.text-sm\/5 {
|
||||
font-size: var(--text-sm);
|
||||
line-height: calc(var(--spacing) * 5);
|
||||
@@ -1858,6 +1918,9 @@
|
||||
.text-gray-100 {
|
||||
color: var(--color-gray-100);
|
||||
}
|
||||
.text-gray-200 {
|
||||
color: var(--color-gray-200);
|
||||
}
|
||||
.text-gray-500 {
|
||||
color: var(--color-gray-500);
|
||||
}
|
||||
@@ -2258,6 +2321,20 @@
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
}
|
||||
}
|
||||
.before\:content-\[\'\"\'\] {
|
||||
&::before {
|
||||
content: var(--tw-content);
|
||||
--tw-content: '"';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.before\:content-\[\'\\u0022\'\] {
|
||||
&::before {
|
||||
content: var(--tw-content);
|
||||
--tw-content: '\u0022';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.before\:content-\[\'“\'\] {
|
||||
&::before {
|
||||
content: var(--tw-content);
|
||||
@@ -2290,6 +2367,20 @@
|
||||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\"\'\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
--tw-content: '"';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\\u0022\'\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
--tw-content: '\u0022';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'”\'\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
@@ -2343,6 +2434,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:text-indigo-700 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
color: var(--color-indigo-700);
|
||||
}
|
||||
}
|
||||
}
|
||||
.focus-visible\:outline-2 {
|
||||
&:focus-visible {
|
||||
outline-style: var(--tw-outline-style);
|
||||
@@ -2915,6 +3013,16 @@
|
||||
aspect-ratio: 3/4;
|
||||
}
|
||||
}
|
||||
.lg\:aspect-4\/3 {
|
||||
@media (width >= 64rem) {
|
||||
aspect-ratio: 4/3;
|
||||
}
|
||||
}
|
||||
.lg\:aspect-5\/4 {
|
||||
@media (width >= 64rem) {
|
||||
aspect-ratio: 5/4;
|
||||
}
|
||||
}
|
||||
.lg\:max-w-2xl {
|
||||
@media (width >= 64rem) {
|
||||
max-width: var(--container-2xl);
|
||||
@@ -2930,6 +3038,11 @@
|
||||
max-width: var(--container-5xl);
|
||||
}
|
||||
}
|
||||
.lg\:max-w-6xl {
|
||||
@media (width >= 64rem) {
|
||||
max-width: var(--container-6xl);
|
||||
}
|
||||
}
|
||||
.lg\:max-w-7xl {
|
||||
@media (width >= 64rem) {
|
||||
max-width: var(--container-7xl);
|
||||
@@ -2945,6 +3058,11 @@
|
||||
flex-basis: calc(7/12 * 100%);
|
||||
}
|
||||
}
|
||||
.lg\:auto-rows-fr {
|
||||
@media (width >= 64rem) {
|
||||
grid-auto-rows: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
.lg\:grid-cols-2 {
|
||||
@media (width >= 64rem) {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
@@ -3060,6 +3178,16 @@
|
||||
padding: calc(var(--spacing) * 8);
|
||||
}
|
||||
}
|
||||
.lg\:px-4 {
|
||||
@media (width >= 64rem) {
|
||||
padding-inline: calc(var(--spacing) * 4);
|
||||
}
|
||||
}
|
||||
.lg\:px-6 {
|
||||
@media (width >= 64rem) {
|
||||
padding-inline: calc(var(--spacing) * 6);
|
||||
}
|
||||
}
|
||||
.lg\:px-8 {
|
||||
@media (width >= 64rem) {
|
||||
padding-inline: calc(var(--spacing) * 8);
|
||||
|
Reference in New Issue
Block a user