From 805c0a7b9d252a5e588c063fff84e34b1b0f637b Mon Sep 17 00:00:00 2001 From: Kyren223 Date: Sat, 10 Oct 2026 05:29:54 +0300 Subject: Added deploy script and some other stuff --- public/styles/style.css | 91 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) (limited to 'public/styles') diff --git a/public/styles/style.css b/public/styles/style.css index 5c4e34e..3610b64 100644 --- a/public/styles/style.css +++ b/public/styles/style.css @@ -823,12 +823,26 @@ .pointer-events-none { pointer-events: none; } + .collapse { + visibility: collapse; + } .invisible { visibility: hidden; } .visible { visibility: visible; } + .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip-path: inset(50%); + white-space: nowrap; + border-width: 0; + } .absolute { position: absolute; } @@ -847,6 +861,9 @@ .inset-y-0 { inset-block: 0px; } + .top-1 { + top: var(--spacing); + } .top-1\/2 { top: calc(1 / 2 * 100%); } @@ -886,6 +903,24 @@ .col-span-2 { grid-column: span 2 / span 2; } + .container { + width: 100%; + @media (width >= 40rem) { + max-width: 40rem; + } + @media (width >= 48rem) { + max-width: 48rem; + } + @media (width >= 64rem) { + max-width: 64rem; + } + @media (width >= 80rem) { + max-width: 80rem; + } + @media (width >= 96rem) { + max-width: 96rem; + } + } .-m-\[0\.4rem\] { margin: calc(0.4rem * -1); } @@ -1406,6 +1441,9 @@ .hidden { display: none; } + .inline { + display: inline; + } .inline-block { display: inline-block; } @@ -1493,9 +1531,25 @@ .flex-1 { flex: 1; } + .flex-shrink { + flex-shrink: 1; + } .shrink-0 { flex-shrink: 0; } + .flex-grow { + flex-grow: 1; + } + .grow { + flex-grow: 1; + } + .border-collapse { + border-collapse: collapse; + } + .-translate-y-1 { + --tw-translate-y: calc(var(--spacing) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); @@ -1729,6 +1783,9 @@ .bg-\[var\(--text\)\] { background-color: var(--text); } + .bg-black { + background-color: var(--color-black); + } .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { @@ -1744,6 +1801,9 @@ .bg-transparent { background-color: transparent; } + .bg-white { + background-color: var(--color-white); + } .bg-white\/2 { background-color: color-mix(in srgb, #fff 2%, transparent); @supports (color: color-mix(in lab, red, red)) { @@ -1762,6 +1822,9 @@ .bg-\[linear-gradient\(to_bottom\,var\(--background\)\,var\(--cmp-bg\,transparent\)\)\] { background-image: linear-gradient(to bottom,var(--background),var(--cmp-bg,transparent)); } + .mask-repeat { + mask-repeat: repeat; + } .fill-\[\#7ed4fb\]\/50 { fill: color-mix(in oklab, #7ed4fb 50%, transparent); } @@ -1801,6 +1864,9 @@ .p-\[3vw\] { padding: 3vw; } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } @@ -2056,9 +2122,15 @@ .text-\[var\(--secondary\)\] { color: var(--secondary); } + .italic { + font-style: italic; + } .no-underline { text-decoration-line: none; } + .underline { + text-decoration-line: underline; + } .caret-transparent { caret-color: transparent; } @@ -2072,6 +2144,19 @@ } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .ring { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .outline { + outline-style: var(--tw-outline-style); + outline-width: 1px; + } + .transition { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -2696,6 +2781,11 @@ body { inherits: false; initial-value: 0 0 #0000; } +@property --tw-outline-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} @property --tw-duration { syntax: "*"; inherits: false; @@ -2737,6 +2827,7 @@ body { --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; + --tw-outline-style: solid; --tw-duration: initial; --tw-content: ""; } -- cgit v1.3.1