diff options
Diffstat (limited to 'public/style.css')
| -rw-r--r-- | public/style.css | 162 |
1 files changed, 161 insertions, 1 deletions
diff --git a/public/style.css b/public/style.css index 5369786..d1e775f 100644 --- a/public/style.css +++ b/public/style.css @@ -7,11 +7,11 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; - --color-fuchsia-600: oklch(59.1% 0.293 322.896); --color-gray-700: oklch(37.3% 0.034 259.733); --spacing: 0.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); + --font-weight-normal: 400; --font-weight-bold: 700; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); @@ -238,6 +238,15 @@ .mb-0 { margin-bottom: 0px; } + .mb-6 { + margin-bottom: calc(var(--spacing) * 6); + } + .mb-6\.25 { + margin-bottom: calc(var(--spacing) * 6.25); + } + .mb-\[1\.5625rem\] { + margin-bottom: 1.5625rem; + } .mb-\[1\.5625vw\] { margin-bottom: 1.5625vw; } @@ -274,6 +283,9 @@ .h-\[9\.5vw\] { height: 9.5vw; } + .h-\[40rem\] { + height: 40rem; + } .h-\[62\%\] { height: 62%; } @@ -298,15 +310,42 @@ .w-0 { width: 0px; } + .w-300 { + width: calc(var(--spacing) * 300); + } .w-\[30\%\] { width: 30%; } + .w-\[40rem\] { + width: 40rem; + } .w-\[67\%\] { width: 67%; } .w-\[70\%\] { width: 70%; } + .w-\[75\.0rem\] { + width: 75.0rem; + } + .w-\[75\.001rem\] { + width: 75.001rem; + } + .w-\[75\.1rem\] { + width: 75.1rem; + } + .w-\[75\.12rem\] { + width: 75.12rem; + } + .w-\[75\.13rem\] { + width: 75.13rem; + } + .w-\[75\.123rem\] { + width: 75.123rem; + } + .w-\[75rem\] { + width: 75rem; + } .w-\[95vw\] { width: 95vw; } @@ -325,6 +364,9 @@ .flex-1 { flex: 1; } + .border-collapse { + border-collapse: collapse; + } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } @@ -352,12 +394,21 @@ .justify-between { justify-content: space-between; } + .gap-10 { + gap: calc(var(--spacing) * 10); + } .gap-16 { gap: calc(var(--spacing) * 16); } + .gap-20 { + gap: calc(var(--spacing) * 20); + } .gap-\[1\.25vw\] { gap: 1.25vw; } + .gap-\[1ch\] { + gap: 1ch; + } .gap-x-\[5vw\] { column-gap: 5vw; } @@ -374,6 +425,9 @@ .overflow-auto { overflow: auto; } + .overflow-hidden { + overflow: hidden; + } .overflow-x-hidden { overflow-x: hidden; } @@ -384,18 +438,59 @@ border-style: var(--tw-border-style); border-width: 1px; } + .border-0 { + border-style: var(--tw-border-style); + border-width: 0px; + } + .border-1 { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-2 { + border-style: var(--tw-border-style); + border-width: 2px; + } + .border-3 { + border-style: var(--tw-border-style); + border-width: 3px; + } + .border-10 { + border-style: var(--tw-border-style); + border-width: 10px; + } .border-\[0\.1vw\] { border-style: var(--tw-border-style); border-width: 0.1vw; } + .border-\[0\.2rem\] { + border-style: var(--tw-border-style); + border-width: 0.2rem; + } + .border-\[0\.25rem\] { + border-style: var(--tw-border-style); + border-width: 0.25rem; + } .border-\[0\.25vh\] { border-style: var(--tw-border-style); border-width: 0.25vh; } + .border-\[0\.125rem\] { + border-style: var(--tw-border-style); + border-width: 0.125rem; + } .border-solid { --tw-border-style: solid; border-style: solid; } + .border-\(--alt\) { + border-color: var(--alt); + } + .border-\(--text\) { + border-color: var(--text); + } + .border-\[color\:var\(--alt\)\] { + border-color: var(--alt); + } .border-\[var\(--alt\)\] { border-color: var(--alt); } @@ -414,12 +509,42 @@ .p-0 { padding: 0px; } + .p-2 { + padding: calc(var(--spacing) * 2); + } + .p-3 { + padding: calc(var(--spacing) * 3); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-8 { + padding: calc(var(--spacing) * 8); + } + .p-10 { + padding: calc(var(--spacing) * 10); + } .p-\[0\.8em\] { padding: 0.8em; } + .p-\[2\.0rem\] { + padding: 2.0rem; + } + .p-\[2\.2rem\] { + padding: 2.2rem; + } .p-\[2\.2svh\] { padding: 2.2svh; } + .p-\[2\.5rem\] { + padding: 2.5rem; + } + .p-\[2\.rem\] { + padding: 2.rem; + } + .p-\[2rem\] { + padding: 2rem; + } .p-\[3vw\] { padding: 3vw; } @@ -456,6 +581,9 @@ .font-\[\'JetBrains_Mono\'\] { font-family: 'JetBrains Mono'; } + .font-mono { + font-family: var(--font-mono); + } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); @@ -463,6 +591,12 @@ .text-\[0\.96vw\] { font-size: 0.96vw; } + .text-\[1\.125rem\] { + font-size: 1.125rem; + } + .text-\[1\.375rem\] { + font-size: 1.375rem; + } .text-\[2\.5vw\] { font-size: 2.5vw; } @@ -488,9 +622,19 @@ --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } + .font-normal { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + } + .text-\(--primary\) { + color: var(--primary); + } .text-\[var\(--accent\)\] { color: var(--accent); } + .text-\[var\(--primary\)\] { + color: var(--primary); + } .text-\[var\(--secondary\)\] { color: var(--secondary); } @@ -500,6 +644,10 @@ .opacity-0 { opacity: 0%; } + .outline { + outline-style: var(--tw-outline-style); + outline-width: 1px; + } @media (hover: hover) { .group-hover\:text-\[var\(--alt\)\]:is(:where(.group):hover *) { color: var(--alt); @@ -510,6 +658,12 @@ .group-hover\:underline:is(:where(.group):hover *) { text-decoration-line: underline; } + .hover\:text-\(--accent\):hover { + color: var(--accent); + } + .hover\:text-\[var\(--accent\)\]:hover { + color: var(--accent); + } .hover\:text-\[var\(--alt\)\]:hover { color: var(--alt); } @@ -716,6 +870,11 @@ syntax: "*"; inherits: false; } +@property --tw-outline-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { @@ -727,6 +886,7 @@ --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-font-weight: initial; + --tw-outline-style: solid; } } } |