summaryrefslogtreecommitdiff
path: root/public/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/style.css')
-rw-r--r--public/style.css181
1 files changed, 181 insertions, 0 deletions
diff --git a/public/style.css b/public/style.css
index d972f06..684c599 100644
--- a/public/style.css
+++ b/public/style.css
@@ -232,9 +232,24 @@
.right-full {
right: 100%;
}
+ .bottom-\[-0\.5rem\] {
+ bottom: -0.5rem;
+ }
.bottom-\[-0\.7em\] {
bottom: -0.7em;
}
+ .bottom-\[-0\.30rem\] {
+ bottom: -0.30rem;
+ }
+ .bottom-\[-0\.35rem\] {
+ bottom: -0.35rem;
+ }
+ .bottom-\[-0\.45rem\] {
+ bottom: -0.45rem;
+ }
+ .bottom-\[-0\.55rem\] {
+ bottom: -0.55rem;
+ }
.bottom-\[-0\.75rem\] {
bottom: -0.75rem;
}
@@ -376,12 +391,18 @@
.mb-\[0\.30rem\] {
margin-bottom: 0.30rem;
}
+ .mb-\[1\.5rem\] {
+ margin-bottom: 1.5rem;
+ }
.mb-\[1\.5625vw\] {
margin-bottom: 1.5625vw;
}
.mb-\[1rem\] {
margin-bottom: 1rem;
}
+ .mb-\[2rem\] {
+ margin-bottom: 2rem;
+ }
.mb-\[5vw\] {
margin-bottom: 5vw;
}
@@ -612,12 +633,18 @@
.gap-4 {
gap: calc(var(--spacing) * 4);
}
+ .gap-8 {
+ gap: calc(var(--spacing) * 8);
+ }
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.gap-16 {
gap: calc(var(--spacing) * 16);
}
+ .gap-\[0\.5ch\] {
+ gap: 0.5ch;
+ }
.gap-\[0\.5rem\] {
gap: 0.5rem;
}
@@ -633,12 +660,30 @@
.gap-\[1ch\] {
gap: 1ch;
}
+ .gap-\[1rem\] {
+ gap: 1rem;
+ }
+ .gap-\[2rem\] {
+ gap: 2rem;
+ }
+ .gap-x-4 {
+ column-gap: calc(var(--spacing) * 4);
+ }
.gap-x-8 {
column-gap: calc(var(--spacing) * 8);
}
.gap-x-\[1ch\] {
column-gap: 1ch;
}
+ .gap-x-\[1rem\] {
+ column-gap: 1rem;
+ }
+ .gap-x-\[2\.5rem\] {
+ column-gap: 2.5rem;
+ }
+ .gap-x-\[2rem\] {
+ column-gap: 2rem;
+ }
.gap-x-\[5vw\] {
column-gap: 5vw;
}
@@ -647,12 +692,21 @@
margin-inline-start: calc(1.25vw * var(--tw-space-x-reverse));
margin-inline-end: calc(1.25vw * calc(1 - var(--tw-space-x-reverse)));
}
+ .gap-y-2 {
+ row-gap: calc(var(--spacing) * 2);
+ }
.gap-y-4 {
row-gap: calc(var(--spacing) * 4);
}
.gap-y-\[0\.4rem\] {
row-gap: 0.4rem;
}
+ .gap-y-\[0\.5rem\] {
+ row-gap: 0.5rem;
+ }
+ .gap-y-\[0\.75rem\] {
+ row-gap: 0.75rem;
+ }
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
@@ -672,6 +726,9 @@
.self-center {
align-self: center;
}
+ .self-start {
+ align-self: flex-start;
+ }
.truncate {
overflow: hidden;
text-overflow: ellipsis;
@@ -712,6 +769,10 @@
border-style: var(--tw-border-style);
border-width: 1px;
}
+ .border-2 {
+ border-style: var(--tw-border-style);
+ border-width: 2px;
+ }
.border-\[0\.01rem\] {
border-style: var(--tw-border-style);
border-width: 0.01rem;
@@ -732,6 +793,10 @@
border-style: var(--tw-border-style);
border-width: 0.03rem;
}
+ .border-\[0\.05rem\] {
+ border-style: var(--tw-border-style);
+ border-width: 0.05rem;
+ }
.border-\[0\.06rem\] {
border-style: var(--tw-border-style);
border-width: 0.06rem;
@@ -764,6 +829,10 @@
border-style: var(--tw-border-style);
border-width: 0.03125rem;
}
+ .border-\[1rem\] {
+ border-style: var(--tw-border-style);
+ border-width: 1rem;
+ }
.border-x-\[0\.1rem\] {
border-inline-style: var(--tw-border-style);
border-inline-width: 0.1rem;
@@ -780,12 +849,33 @@
--tw-border-style: solid;
border-style: solid;
}
+ .border-\(--accent\)\! {
+ border-color: var(--accent) !important;
+ }
+ .border-\(--accent\)\/50 {
+ border-color: var(--accent);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--accent) 50%, transparent);
+ }
+ }
.border-\(--alt\) {
border-color: var(--alt);
}
+ .border-\(--primary\)\! {
+ border-color: var(--primary) !important;
+ }
+ .border-\(--secondary\)\/60 {
+ border-color: var(--secondary);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--secondary) 60%, transparent);
+ }
+ }
.border-\(--text\) {
border-color: var(--text);
}
+ .border-\[--text\] {
+ border-color: --text;
+ }
.border-\[color\:var\(--alt\)\] {
border-color: var(--alt);
}
@@ -867,12 +957,24 @@
.bg-\(--secondary\) {
background-color: var(--secondary);
}
+ .bg-\(--text\) {
+ background-color: var(--text);
+ }
+ .bg-\(--var\) {
+ background-color: var(--var);
+ }
.bg-\[color\:var\(--alt\)\] {
background-color: var(--alt);
}
+ .bg-\[var\(--\)\] {
+ background-color: var(--);
+ }
.bg-\[var\(--background\)\] {
background-color: var(--background);
}
+ .bg-\[var\(--text\)\] {
+ background-color: var(--text);
+ }
.bg-black {
background-color: var(--color-black);
}
@@ -1053,6 +1155,15 @@
.px-\[0\.5em\] {
padding-inline: 0.5em;
}
+ .px-\[0\.5rem\] {
+ padding-inline: 0.5rem;
+ }
+ .px-\[0\.6rem\] {
+ padding-inline: 0.6rem;
+ }
+ .px-\[0\.8rem\] {
+ padding-inline: 0.8rem;
+ }
.px-\[0\.625rem\] {
padding-inline: 0.625rem;
}
@@ -1074,6 +1185,9 @@
.py-\[0\.1rem\] {
padding-block: 0.1rem;
}
+ .py-\[0\.3rem\] {
+ padding-block: 0.3rem;
+ }
.py-\[0\.25rem\] {
padding-block: 0.25rem;
}
@@ -1092,6 +1206,9 @@
.pt-\[1\.0625em\] {
padding-top: 1.0625em;
}
+ .pt-\[1rem\] {
+ padding-top: 1rem;
+ }
.pt-\[1vw\] {
padding-top: 1vw;
}
@@ -1140,15 +1257,30 @@
.text-\[0\%\] {
font-size: 0%;
}
+ .text-\[0\.5rem\] {
+ font-size: 0.5rem;
+ }
+ .text-\[0\.6rem\] {
+ font-size: 0.6rem;
+ }
+ .text-\[0\.7rem\] {
+ font-size: 0.7rem;
+ }
.text-\[0\.8rem\] {
font-size: 0.8rem;
}
+ .text-\[0\.75rem\] {
+ font-size: 0.75rem;
+ }
.text-\[0\.96vw\] {
font-size: 0.96vw;
}
.text-\[0\.675rem\] {
font-size: 0.675rem;
}
+ .text-\[1\.6rem\] {
+ font-size: 1.6rem;
+ }
.text-\[1\.125rem\] {
font-size: 1.125rem;
}
@@ -1218,6 +1350,9 @@
.text-\[150\%\] {
font-size: 150%;
}
+ .text-\[170\%\] {
+ font-size: 170%;
+ }
.leading-\[normal\] {
--tw-leading: normal;
line-height: normal;
@@ -1230,6 +1365,18 @@
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
+ .font-\[50\%\] {
+ --tw-font-weight: 50%;
+ font-weight: 50%;
+ }
+ .font-\[80\%\] {
+ --tw-font-weight: 80%;
+ font-weight: 80%;
+ }
+ .font-\[85\%\] {
+ --tw-font-weight: 85%;
+ font-weight: 85%;
+ }
.font-\[150\%\] {
--tw-font-weight: 150%;
font-weight: 150%;
@@ -1276,6 +1423,12 @@
.text-\(--text\) {
color: var(--text);
}
+ .text-\[\#00f1ff\] {
+ color: #00f1ff;
+ }
+ .text-\[\#46d46c\] {
+ color: #46d46c;
+ }
.text-\[\#54D7A9\] {
color: #54D7A9;
}
@@ -1318,6 +1471,9 @@
.text-\[--secondary\] {
color: --secondary;
}
+ .text-\[0\.rem\] {
+ color: 0.rem;
+ }
.text-\[color\:var\(--alt\)\] {
color: var(--alt);
}
@@ -1360,6 +1516,20 @@
.opacity-0 {
opacity: 0%;
}
+ .shadow-\[0_0_1\.5rem_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\] {
+ --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, var(--accent));
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, color-mix(in srgb,var(--accent) 25%,transparent));
+ }
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-\[0_0_1\.5rem_color-mix\(in_srgb\,var\(--primary\)_25\%\,transparent\)\] {
+ --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, var(--primary));
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, color-mix(in srgb,var(--primary) 25%,transparent));
+ }
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
.shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.3\)\] {
--tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(0,0,0,0.3));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1418,6 +1588,9 @@
.\[--border-py\:0\.rem\] {
--border-py: 0.rem;
}
+ .\[--border-py\:1\.25rem\] {
+ --border-py: 1.25rem;
+ }
.\[--ypad\:var\(--border-py\,0\.875rem\)\] {
--ypad: var(--border-py,0.875rem);
}
@@ -1468,6 +1641,14 @@
background-color: color-mix(in oklab, var(--alt) 25%, transparent);
}
}
+ .hover\:bg-\(--secondary\)\/15:hover {
+ background-color: var(--secondary);
+ }
+ @supports (color: color-mix(in lab, red, red)) {
+ .hover\:bg-\(--secondary\)\/15:hover {
+ background-color: color-mix(in oklab, var(--secondary) 15%, transparent);
+ }
+ }
.hover\:bg-black\/0:hover {
background-color: color-mix(in srgb, #000 0%, transparent);
}