From fa89d48c52c2b40a9ff4b466e44a2b9421be7ce4 Mon Sep 17 00:00:00 2001 From: Antony Nasce Date: Mon, 4 May 2026 13:33:12 +0300 Subject: [PATCH] Restore Svelte styling without Tailwind pipeline --- src/index.css | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/index.css b/src/index.css index e775774..640b8f0 100644 --- a/src/index.css +++ b/src/index.css @@ -1,11 +1,16 @@ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap'); -@import "tailwindcss"; -@theme { - --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; -} +:root { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; } +* { box-sizing: border-box; } +html, body { margin:0; width:100%; height:100%; } + +/* minimal utility layer replacement for former tailwind styles */ +.h-dvh{height:100dvh}.min-h-screen{min-height:100vh}.bg-\[\#E4E3E0\]{background:#E4E3E0}.text-\[\#141414\]{color:#141414}.font-mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace}.flex{display:flex}.flex-col{flex-direction:column}.selection\:bg-\[\#F27D26\]::selection{background:#F27D26}.selection\:text-white::selection{color:#fff}.overflow-hidden{overflow:hidden}.flex-1{flex:1 1 0%}.relative{position:relative}.fixed{position:fixed}.inset-0{inset:0}.z-30{z-index:30}.p-3{padding:.75rem}.border-b{border-bottom:1px solid}.border-\[\#141414\]{border-color:#141414}.justify-between{justify-content:space-between}.items-center{align-items:center}.shrink-0{flex-shrink:0}.gap-3{gap:.75rem}.p-2{padding:.5rem}.-ml-2{margin-left:-.5rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.tracking-tighter{letter-spacing:-.03em}.uppercase{text-transform:uppercase}.text-\[10px\]{font-size:10px}.opacity-50{opacity:.5}.tracking-widest{letter-spacing:.2em}.hidden{display:none}.text-sm{font-size:.875rem}.gap-1\.5{gap:.375rem}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.rounded-full{border-radius:9999px}.bg-\[\#00FF00\]{background:#00FF00}.bg-red-500{background:#ef4444}.touch-none{touch-action:none}.bg-\[\#141414\]{background:#141414}.p-8{padding:2rem}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}.cursor-crosshair{cursor:crosshair}.border{border:1px solid}.border-\[\#333\]{border-color:#333}.bg-\[\#1A1A1A\]{background:#1A1A1A}.rounded-sm{border-radius:.125rem}.absolute{position:absolute}.left-0{left:0}.right-0{right:0}.h-px{height:1px}.bg-white\/10{background:rgba(255,255,255,.1)}.top-0{top:0}.bottom-0{bottom:0}.w-px{width:1px}.bg-\[\#F27D26\]\/20{background:rgba(242,125,38,.2)}.border-x{border-left:1px solid;border-right:1px solid}.border-\[\#F27D26\]\/40{border-color:rgba(242,125,38,.4)}.bg-\[\#00FF00\]\/20{background:rgba(0,255,0,.2)}.border-y{border-top:1px solid;border-bottom:1px solid}.border-\[\#00FF00\]\/40{border-color:rgba(0,255,0,.4)}.w-6{width:1.5rem}.h-6{height:1.5rem}.border-2{border-width:2px}.border-white{border-color:#fff}.-translate-x-1\/2{transform:translateX(-50%)}.-translate-y-1\/2{translate:0 -50%}.bottom-3{bottom:.75rem}.left-3{left:.75rem}.pointer-events-none{pointer-events:none}.flex-wrap{flex-wrap:wrap}.max-w-\[80\%\]{max-width:80%}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.text-white{color:#fff}.text-\[9px\]{font-size:9px}.rounded{border-radius:.25rem}.border-white\/20{border-color:rgba(255,255,255,.2)}.inset-y-0{top:0;bottom:0}.z-40{z-index:40}.w-80{width:20rem}.border-r{border-right:1px solid}.overflow-y-auto{overflow-y:auto}.p-6{padding:1.5rem}.space-y-8>*+*{margin-top:2rem}.pb-24{padding-bottom:6rem}.space-y-4>*+*{margin-top:1rem}.text-xs{font-size:.75rem}.pb-2{padding-bottom:.5rem}.bg-transparent{background:transparent}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.space-y-2>*+*{margin-top:.5rem}.w-10{width:2.5rem}.border-b{border-bottom:1px solid}.text-right{text-align:right}.gap-1{gap:.25rem}.p-1\.5{padding:.375rem}.text-\[9px\]{font-size:9px}.text-\[\#E4E3E0\]{color:#E4E3E0}.justify-between{justify-content:space-between}.opacity-70{opacity:.7}.gap-2{gap:.5rem}.w-8{width:2rem}.gap-2{gap:.5rem}.p-1{padding:.25rem}.w-12{width:3rem} + +@media (min-width:640px){.sm\:inline-block{display:inline-block}} +@media (min-width:1024px){.lg\:w-2{width:.5rem}.lg\:h-2{height:.5rem}} +@media (min-width:1280px){.xl\:hidden{display:none}.xl\:p-4{padding:1rem}.xl\:gap-4{gap:1rem}.xl\:text-xl{font-size:1.25rem}.xl\:text-xs{font-size:.75rem}.xl\:p-8{padding:2rem}.xl\:w-4{width:1rem}.xl\:h-4{height:1rem}.xl\:bottom-4{bottom:1rem}.xl\:left-4{left:1rem}.xl\:px-2{padding-left:.5rem;padding-right:.5rem}.xl\:py-1{padding-top:.25rem;padding-bottom:.25rem}.xl\:text-sm{font-size:.875rem}.xl\:static{position:static}.xl\:z-0{z-index:0}.xl\:block{display:block}.xl\:pb-8{padding-bottom:2rem}} -/* Custom Select Arrow */ select { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat;