Changes
9 changed files (+729/-718)
-
-
@@ -8,178 +8,178 @@ * SPDX-License-Identifier: Unlicense*/ :root { --uchu-gray-1-raw: 95.57% 0.003 286.35; --uchu-gray-1: oklch(var(--uchu-gray-1-raw)); --uchu-gray-2-raw: 92.04% 0.002 197.12; --uchu-gray-2: oklch(var(--uchu-gray-2-raw)); --uchu-gray-3-raw: 88.28% 0.003 286.34; --uchu-gray-3: oklch(var(--uchu-gray-3-raw)); --uchu-gray-4-raw: 84.68% 0.002 197.12; --uchu-gray-4: oklch(var(--uchu-gray-4-raw)); --uchu-gray-5-raw: 80.73% 0.002 247.84; --uchu-gray-5: oklch(var(--uchu-gray-5-raw)); --uchu-gray-6-raw: 75.03% 0.002 247.85; --uchu-gray-6: oklch(var(--uchu-gray-6-raw)); --uchu-gray-7-raw: 69.01% 0.003 286.32; --uchu-gray-7: oklch(var(--uchu-gray-7-raw)); --uchu-gray-8-raw: 63.12% 0.004 219.55; --uchu-gray-8: oklch(var(--uchu-gray-8-raw)); --uchu-gray-9-raw: 56.82% 0.004 247.89; --uchu-gray-9: oklch(var(--uchu-gray-9-raw)); --uchu-gray-1-raw: 95.57% 0.003 286.35; --uchu-gray-1: oklch(var(--uchu-gray-1-raw)); --uchu-gray-2-raw: 92.04% 0.002 197.12; --uchu-gray-2: oklch(var(--uchu-gray-2-raw)); --uchu-gray-3-raw: 88.28% 0.003 286.34; --uchu-gray-3: oklch(var(--uchu-gray-3-raw)); --uchu-gray-4-raw: 84.68% 0.002 197.12; --uchu-gray-4: oklch(var(--uchu-gray-4-raw)); --uchu-gray-5-raw: 80.73% 0.002 247.84; --uchu-gray-5: oklch(var(--uchu-gray-5-raw)); --uchu-gray-6-raw: 75.03% 0.002 247.85; --uchu-gray-6: oklch(var(--uchu-gray-6-raw)); --uchu-gray-7-raw: 69.01% 0.003 286.32; --uchu-gray-7: oklch(var(--uchu-gray-7-raw)); --uchu-gray-8-raw: 63.12% 0.004 219.55; --uchu-gray-8: oklch(var(--uchu-gray-8-raw)); --uchu-gray-9-raw: 56.82% 0.004 247.89; --uchu-gray-9: oklch(var(--uchu-gray-9-raw)); --uchu-red-1-raw: 88.98% 0.052 3.28; --uchu-red-1: oklch(var(--uchu-red-1-raw)); --uchu-red-2-raw: 78.78% 0.109 4.54; --uchu-red-2: oklch(var(--uchu-red-2-raw)); --uchu-red-3-raw: 69.86% 0.162 7.82; --uchu-red-3: oklch(var(--uchu-red-3-raw)); --uchu-red-4-raw: 62.73% 0.209 12.37; --uchu-red-4: oklch(var(--uchu-red-4-raw)); --uchu-red-5-raw: 58.63% 0.231 19.6; --uchu-red-5: oklch(var(--uchu-red-5-raw)); --uchu-red-6-raw: 54.41% 0.214 19.06; --uchu-red-6: oklch(var(--uchu-red-6-raw)); --uchu-red-7-raw: 49.95% 0.195 18.34; --uchu-red-7: oklch(var(--uchu-red-7-raw)); --uchu-red-8-raw: 45.8% 0.177 17.7; --uchu-red-8: oklch(var(--uchu-red-8-raw)); --uchu-red-9-raw: 41.17% 0.157 16.58; --uchu-red-9: oklch(var(--uchu-red-9-raw)); --uchu-red-1-raw: 88.98% 0.052 3.28; --uchu-red-1: oklch(var(--uchu-red-1-raw)); --uchu-red-2-raw: 78.78% 0.109 4.54; --uchu-red-2: oklch(var(--uchu-red-2-raw)); --uchu-red-3-raw: 69.86% 0.162 7.82; --uchu-red-3: oklch(var(--uchu-red-3-raw)); --uchu-red-4-raw: 62.73% 0.209 12.37; --uchu-red-4: oklch(var(--uchu-red-4-raw)); --uchu-red-5-raw: 58.63% 0.231 19.6; --uchu-red-5: oklch(var(--uchu-red-5-raw)); --uchu-red-6-raw: 54.41% 0.214 19.06; --uchu-red-6: oklch(var(--uchu-red-6-raw)); --uchu-red-7-raw: 49.95% 0.195 18.34; --uchu-red-7: oklch(var(--uchu-red-7-raw)); --uchu-red-8-raw: 45.8% 0.177 17.7; --uchu-red-8: oklch(var(--uchu-red-8-raw)); --uchu-red-9-raw: 41.17% 0.157 16.58; --uchu-red-9: oklch(var(--uchu-red-9-raw)); --uchu-pink-1-raw: 95.8% 0.023 354.27; --uchu-pink-1: oklch(var(--uchu-pink-1-raw)); --uchu-pink-2-raw: 92.14% 0.046 352.31; --uchu-pink-2: oklch(var(--uchu-pink-2-raw)); --uchu-pink-3-raw: 88.9% 0.066 354.39; --uchu-pink-3: oklch(var(--uchu-pink-3-raw)); --uchu-pink-4-raw: 85.43% 0.09 354.1; --uchu-pink-4: oklch(var(--uchu-pink-4-raw)); --uchu-pink-5-raw: 82.23% 0.112 355.33; --uchu-pink-5: oklch(var(--uchu-pink-5-raw)); --uchu-pink-6-raw: 76.37% 0.101 355.37; --uchu-pink-6: oklch(var(--uchu-pink-6-raw)); --uchu-pink-7-raw: 70.23% 0.092 354.96; --uchu-pink-7: oklch(var(--uchu-pink-7-raw)); --uchu-pink-8-raw: 64.11% 0.084 353.91; --uchu-pink-8: oklch(var(--uchu-pink-8-raw)); --uchu-pink-9-raw: 57.68% 0.074 353.14; --uchu-pink-9: oklch(var(--uchu-pink-9-raw)); --uchu-pink-1-raw: 95.8% 0.023 354.27; --uchu-pink-1: oklch(var(--uchu-pink-1-raw)); --uchu-pink-2-raw: 92.14% 0.046 352.31; --uchu-pink-2: oklch(var(--uchu-pink-2-raw)); --uchu-pink-3-raw: 88.9% 0.066 354.39; --uchu-pink-3: oklch(var(--uchu-pink-3-raw)); --uchu-pink-4-raw: 85.43% 0.09 354.1; --uchu-pink-4: oklch(var(--uchu-pink-4-raw)); --uchu-pink-5-raw: 82.23% 0.112 355.33; --uchu-pink-5: oklch(var(--uchu-pink-5-raw)); --uchu-pink-6-raw: 76.37% 0.101 355.37; --uchu-pink-6: oklch(var(--uchu-pink-6-raw)); --uchu-pink-7-raw: 70.23% 0.092 354.96; --uchu-pink-7: oklch(var(--uchu-pink-7-raw)); --uchu-pink-8-raw: 64.11% 0.084 353.91; --uchu-pink-8: oklch(var(--uchu-pink-8-raw)); --uchu-pink-9-raw: 57.68% 0.074 353.14; --uchu-pink-9: oklch(var(--uchu-pink-9-raw)); --uchu-purple-1-raw: 89.1% 0.046 305.24; --uchu-purple-1: oklch(var(--uchu-purple-1-raw)); --uchu-purple-2-raw: 78.68% 0.091 305; --uchu-purple-2: oklch(var(--uchu-purple-2-raw)); --uchu-purple-3-raw: 68.5% 0.136 303.78; --uchu-purple-3: oklch(var(--uchu-purple-3-raw)); --uchu-purple-4-raw: 58.47% 0.181 302.06; --uchu-purple-4: oklch(var(--uchu-purple-4-raw)); --uchu-purple-5-raw: 49.39% 0.215 298.31; --uchu-purple-5: oklch(var(--uchu-purple-5-raw)); --uchu-purple-6-raw: 46.11% 0.198 298.4; --uchu-purple-6: oklch(var(--uchu-purple-6-raw)); --uchu-purple-7-raw: 42.77% 0.181 298.49; --uchu-purple-7: oklch(var(--uchu-purple-7-raw)); --uchu-purple-8-raw: 39.46% 0.164 298.29; --uchu-purple-8: oklch(var(--uchu-purple-8-raw)); --uchu-purple-9-raw: 36.01% 0.145 298.35; --uchu-purple-9: oklch(var(--uchu-purple-9-raw)); --uchu-purple-1-raw: 89.1% 0.046 305.24; --uchu-purple-1: oklch(var(--uchu-purple-1-raw)); --uchu-purple-2-raw: 78.68% 0.091 305; --uchu-purple-2: oklch(var(--uchu-purple-2-raw)); --uchu-purple-3-raw: 68.5% 0.136 303.78; --uchu-purple-3: oklch(var(--uchu-purple-3-raw)); --uchu-purple-4-raw: 58.47% 0.181 302.06; --uchu-purple-4: oklch(var(--uchu-purple-4-raw)); --uchu-purple-5-raw: 49.39% 0.215 298.31; --uchu-purple-5: oklch(var(--uchu-purple-5-raw)); --uchu-purple-6-raw: 46.11% 0.198 298.4; --uchu-purple-6: oklch(var(--uchu-purple-6-raw)); --uchu-purple-7-raw: 42.77% 0.181 298.49; --uchu-purple-7: oklch(var(--uchu-purple-7-raw)); --uchu-purple-8-raw: 39.46% 0.164 298.29; --uchu-purple-8: oklch(var(--uchu-purple-8-raw)); --uchu-purple-9-raw: 36.01% 0.145 298.35; --uchu-purple-9: oklch(var(--uchu-purple-9-raw)); --uchu-blue-1-raw: 89.66% 0.046 260.67; --uchu-blue-1: oklch(var(--uchu-blue-1-raw)); --uchu-blue-2-raw: 80.17% 0.091 258.88; --uchu-blue-2: oklch(var(--uchu-blue-2-raw)); --uchu-blue-3-raw: 70.94% 0.136 258.06; --uchu-blue-3: oklch(var(--uchu-blue-3-raw)); --uchu-blue-4-raw: 62.39% 0.181 258.33; --uchu-blue-4: oklch(var(--uchu-blue-4-raw)); --uchu-blue-5-raw: 54.87% 0.222 260.33; --uchu-blue-5: oklch(var(--uchu-blue-5-raw)); --uchu-blue-6-raw: 51.15% 0.204 260.17; --uchu-blue-6: oklch(var(--uchu-blue-6-raw)); --uchu-blue-7-raw: 47.36% 0.185 259.89; --uchu-blue-7: oklch(var(--uchu-blue-7-raw)); --uchu-blue-8-raw: 43.48% 0.17 260.2; --uchu-blue-8: oklch(var(--uchu-blue-8-raw)); --uchu-blue-9-raw: 39.53% 0.15 259.87; --uchu-blue-9: oklch(var(--uchu-blue-9-raw)); --uchu-blue-1-raw: 89.66% 0.046 260.67; --uchu-blue-1: oklch(var(--uchu-blue-1-raw)); --uchu-blue-2-raw: 80.17% 0.091 258.88; --uchu-blue-2: oklch(var(--uchu-blue-2-raw)); --uchu-blue-3-raw: 70.94% 0.136 258.06; --uchu-blue-3: oklch(var(--uchu-blue-3-raw)); --uchu-blue-4-raw: 62.39% 0.181 258.33; --uchu-blue-4: oklch(var(--uchu-blue-4-raw)); --uchu-blue-5-raw: 54.87% 0.222 260.33; --uchu-blue-5: oklch(var(--uchu-blue-5-raw)); --uchu-blue-6-raw: 51.15% 0.204 260.17; --uchu-blue-6: oklch(var(--uchu-blue-6-raw)); --uchu-blue-7-raw: 47.36% 0.185 259.89; --uchu-blue-7: oklch(var(--uchu-blue-7-raw)); --uchu-blue-8-raw: 43.48% 0.17 260.2; --uchu-blue-8: oklch(var(--uchu-blue-8-raw)); --uchu-blue-9-raw: 39.53% 0.15 259.87; --uchu-blue-9: oklch(var(--uchu-blue-9-raw)); --uchu-green-1-raw: 93.96% 0.05 148.74; --uchu-green-1: oklch(var(--uchu-green-1-raw)); --uchu-green-2-raw: 88.77% 0.096 147.71; --uchu-green-2: oklch(var(--uchu-green-2-raw)); --uchu-green-3-raw: 83.74% 0.139 146.57; --uchu-green-3: oklch(var(--uchu-green-3-raw)); --uchu-green-4-raw: 79.33% 0.179 145.62; --uchu-green-4: oklch(var(--uchu-green-4-raw)); --uchu-green-5-raw: 75.23% 0.209 144.64; --uchu-green-5: oklch(var(--uchu-green-5-raw)); --uchu-green-6-raw: 70.03% 0.194 144.71; --uchu-green-6: oklch(var(--uchu-green-6-raw)); --uchu-green-7-raw: 64.24% 0.175 144.92; --uchu-green-7: oklch(var(--uchu-green-7-raw)); --uchu-green-8-raw: 58.83% 0.158 145.05; --uchu-green-8: oklch(var(--uchu-green-8-raw)); --uchu-green-9-raw: 52.77% 0.138 145.41; --uchu-green-9: oklch(var(--uchu-green-9-raw)); --uchu-green-1-raw: 93.96% 0.05 148.74; --uchu-green-1: oklch(var(--uchu-green-1-raw)); --uchu-green-2-raw: 88.77% 0.096 147.71; --uchu-green-2: oklch(var(--uchu-green-2-raw)); --uchu-green-3-raw: 83.74% 0.139 146.57; --uchu-green-3: oklch(var(--uchu-green-3-raw)); --uchu-green-4-raw: 79.33% 0.179 145.62; --uchu-green-4: oklch(var(--uchu-green-4-raw)); --uchu-green-5-raw: 75.23% 0.209 144.64; --uchu-green-5: oklch(var(--uchu-green-5-raw)); --uchu-green-6-raw: 70.03% 0.194 144.71; --uchu-green-6: oklch(var(--uchu-green-6-raw)); --uchu-green-7-raw: 64.24% 0.175 144.92; --uchu-green-7: oklch(var(--uchu-green-7-raw)); --uchu-green-8-raw: 58.83% 0.158 145.05; --uchu-green-8: oklch(var(--uchu-green-8-raw)); --uchu-green-9-raw: 52.77% 0.138 145.41; --uchu-green-9: oklch(var(--uchu-green-9-raw)); --uchu-yellow-1-raw: 97.05% 0.039 91.2; --uchu-yellow-1: oklch(var(--uchu-yellow-1-raw)); --uchu-yellow-2-raw: 95% 0.07 92.39; --uchu-yellow-2: oklch(var(--uchu-yellow-2-raw)); --uchu-yellow-3-raw: 92.76% 0.098 92.58; --uchu-yellow-3: oklch(var(--uchu-yellow-3-raw)); --uchu-yellow-4-raw: 90.92% 0.125 92.56; --uchu-yellow-4: oklch(var(--uchu-yellow-4-raw)); --uchu-yellow-5-raw: 89% 0.146 91.5; --uchu-yellow-5: oklch(var(--uchu-yellow-5-raw)); --uchu-yellow-6-raw: 82.39% 0.133 91.5; --uchu-yellow-6: oklch(var(--uchu-yellow-6-raw)); --uchu-yellow-7-raw: 75.84% 0.122 92.21; --uchu-yellow-7: oklch(var(--uchu-yellow-7-raw)); --uchu-yellow-8-raw: 69.14% 0.109 91.04; --uchu-yellow-8: oklch(var(--uchu-yellow-8-raw)); --uchu-yellow-9-raw: 62.29% 0.097 91.9; --uchu-yellow-9: oklch(var(--uchu-yellow-9-raw)); --uchu-yellow-1-raw: 97.05% 0.039 91.2; --uchu-yellow-1: oklch(var(--uchu-yellow-1-raw)); --uchu-yellow-2-raw: 95% 0.07 92.39; --uchu-yellow-2: oklch(var(--uchu-yellow-2-raw)); --uchu-yellow-3-raw: 92.76% 0.098 92.58; --uchu-yellow-3: oklch(var(--uchu-yellow-3-raw)); --uchu-yellow-4-raw: 90.92% 0.125 92.56; --uchu-yellow-4: oklch(var(--uchu-yellow-4-raw)); --uchu-yellow-5-raw: 89% 0.146 91.5; --uchu-yellow-5: oklch(var(--uchu-yellow-5-raw)); --uchu-yellow-6-raw: 82.39% 0.133 91.5; --uchu-yellow-6: oklch(var(--uchu-yellow-6-raw)); --uchu-yellow-7-raw: 75.84% 0.122 92.21; --uchu-yellow-7: oklch(var(--uchu-yellow-7-raw)); --uchu-yellow-8-raw: 69.14% 0.109 91.04; --uchu-yellow-8: oklch(var(--uchu-yellow-8-raw)); --uchu-yellow-9-raw: 62.29% 0.097 91.9; --uchu-yellow-9: oklch(var(--uchu-yellow-9-raw)); --uchu-orange-1-raw: 93.83% 0.037 56.93; --uchu-orange-1: oklch(var(--uchu-orange-1-raw)); --uchu-orange-2-raw: 88.37% 0.07258208750520016 55.80328658240742; --uchu-orange-2: oklch(var(--uchu-orange-2-raw)); --uchu-orange-3-raw: 83.56% 0.10753627570574478 56.492594564236946; --uchu-orange-3: oklch(var(--uchu-orange-3-raw)); --uchu-orange-4-raw: 78.75% 0.14163582809066333 54.32911089172009; --uchu-orange-4: oklch(var(--uchu-orange-4-raw)); --uchu-orange-5-raw: 74.61% 0.171 51.56; --uchu-orange-5: oklch(var(--uchu-orange-5-raw)); --uchu-orange-6-raw: 69.33% 0.157 52.18; --uchu-orange-6: oklch(var(--uchu-orange-6-raw)); --uchu-orange-7-raw: 63.8% 0.142 52.1; --uchu-orange-7: oklch(var(--uchu-orange-7-raw)); --uchu-orange-8-raw: 58.28% 0.128 52.2; --uchu-orange-8: oklch(var(--uchu-orange-8-raw)); --uchu-orange-9-raw: 52.49% 0.113 51.98; --uchu-orange-9: oklch(var(--uchu-orange-9-raw)); --uchu-orange-1-raw: 93.83% 0.037 56.93; --uchu-orange-1: oklch(var(--uchu-orange-1-raw)); --uchu-orange-2-raw: 88.37% 0.07258208750520016 55.80328658240742; --uchu-orange-2: oklch(var(--uchu-orange-2-raw)); --uchu-orange-3-raw: 83.56% 0.10753627570574478 56.492594564236946; --uchu-orange-3: oklch(var(--uchu-orange-3-raw)); --uchu-orange-4-raw: 78.75% 0.14163582809066333 54.32911089172009; --uchu-orange-4: oklch(var(--uchu-orange-4-raw)); --uchu-orange-5-raw: 74.61% 0.171 51.56; --uchu-orange-5: oklch(var(--uchu-orange-5-raw)); --uchu-orange-6-raw: 69.33% 0.157 52.18; --uchu-orange-6: oklch(var(--uchu-orange-6-raw)); --uchu-orange-7-raw: 63.8% 0.142 52.1; --uchu-orange-7: oklch(var(--uchu-orange-7-raw)); --uchu-orange-8-raw: 58.28% 0.128 52.2; --uchu-orange-8: oklch(var(--uchu-orange-8-raw)); --uchu-orange-9-raw: 52.49% 0.113 51.98; --uchu-orange-9: oklch(var(--uchu-orange-9-raw)); --uchu-yin-1-raw: 91.87% 0.003 264.54; --uchu-yin-1: oklch(var(--uchu-yin-1-raw)); --uchu-yin-2-raw: 84.61% 0.004 286.31; --uchu-yin-2: oklch(var(--uchu-yin-2-raw)); --uchu-yin-3-raw: 76.89% 0.004 247.87; --uchu-yin-3: oklch(var(--uchu-yin-3-raw)); --uchu-yin-4-raw: 69.17% 0.004 247.88; --uchu-yin-4: oklch(var(--uchu-yin-4-raw)); --uchu-yin-5-raw: 61.01% 0.005 271.34; --uchu-yin-5: oklch(var(--uchu-yin-5-raw)); --uchu-yin-6-raw: 52.79% 0.005 271.32; --uchu-yin-6: oklch(var(--uchu-yin-6-raw)); --uchu-yin-7-raw: 43.87% 0.005 271.3; --uchu-yin-7: oklch(var(--uchu-yin-7-raw)); --uchu-yin-8-raw: 35.02% 0.005 236.66; --uchu-yin-8: oklch(var(--uchu-yin-8-raw)); --uchu-yin-9-raw: 25.11% 0.006 258.36; --uchu-yin-9: oklch(var(--uchu-yin-9-raw)); --uchu-yin-raw: 14.38% 0.007 256.88; --uchu-yin: oklch(var(--uchu-yin-raw)); --uchu-yang-raw: 99.4% 0 0; --uchu-yang: oklch(var(--uchu-yang-raw)); --uchu-yin-1-raw: 91.87% 0.003 264.54; --uchu-yin-1: oklch(var(--uchu-yin-1-raw)); --uchu-yin-2-raw: 84.61% 0.004 286.31; --uchu-yin-2: oklch(var(--uchu-yin-2-raw)); --uchu-yin-3-raw: 76.89% 0.004 247.87; --uchu-yin-3: oklch(var(--uchu-yin-3-raw)); --uchu-yin-4-raw: 69.17% 0.004 247.88; --uchu-yin-4: oklch(var(--uchu-yin-4-raw)); --uchu-yin-5-raw: 61.01% 0.005 271.34; --uchu-yin-5: oklch(var(--uchu-yin-5-raw)); --uchu-yin-6-raw: 52.79% 0.005 271.32; --uchu-yin-6: oklch(var(--uchu-yin-6-raw)); --uchu-yin-7-raw: 43.87% 0.005 271.3; --uchu-yin-7: oklch(var(--uchu-yin-7-raw)); --uchu-yin-8-raw: 35.02% 0.005 236.66; --uchu-yin-8: oklch(var(--uchu-yin-8-raw)); --uchu-yin-9-raw: 25.11% 0.006 258.36; --uchu-yin-9: oklch(var(--uchu-yin-9-raw)); --uchu-yin-raw: 14.38% 0.007 256.88; --uchu-yin: oklch(var(--uchu-yin-raw)); --uchu-yang-raw: 99.4% 0 0; --uchu-yang: oklch(var(--uchu-yang-raw)); }
-
-
-
@@ -3,374 +3,374 @@ * SPDX-License-Identifier: MIT*/ :root { --font-sans: ui-rounded, ui-sans-serif, system-ui, sans-serif; --font-mono: ui-monospace, monospace; --font-sans: ui-rounded, ui-sans-serif, system-ui, sans-serif; --font-mono: ui-monospace, monospace; --font-md: 1rem; --font-sm: calc(var(--font-md) * 0.9); --font-xs: calc(var(--font-md) * 0.7); --font-lg: calc(var(--font-md) * 1.2); --font-xl: calc(var(--font-md) * 1.5); --font-md: 1rem; --font-sm: calc(var(--font-md) * 0.9); --font-xs: calc(var(--font-md) * 0.7); --font-lg: calc(var(--font-md) * 1.2); --font-xl: calc(var(--font-md) * 1.5); --font-regular: 400; --font-thick: 600; --font-chonk: 800; --font-thin: 300; --font-regular: 400; --font-thick: 600; --font-chonk: 800; --font-thin: 300; --color-bg: var(--uchu-yang); --color-bg-hover: var(--uchu-yin-1); --color-fg: var(--uchu-yin-9); --color-fg-weak: var(--uchu-yin-7); --color-fg-subtle: var(--uchu-yin-5); --color-link: var(--uchu-blue-8); --color-decoration: var(--uchu-blue-6); --color-shadow: oklch(var(--uchu-yin-raw) / 5%); --color-border-subtle: oklch(var(--uchu-yin-3-raw) / 20%); --color-border-normal: oklch(var(--uchu-yin-3-raw) / 50%); --color-border-strong: oklch(var(--uchu-yin-3-raw) / 80%); --color-bg: var(--uchu-yang); --color-bg-hover: var(--uchu-yin-1); --color-fg: var(--uchu-yin-9); --color-fg-weak: var(--uchu-yin-7); --color-fg-subtle: var(--uchu-yin-5); --color-link: var(--uchu-blue-8); --color-decoration: var(--uchu-blue-6); --color-shadow: oklch(var(--uchu-yin-raw) / 5%); --color-border-subtle: oklch(var(--uchu-yin-3-raw) / 20%); --color-border-normal: oklch(var(--uchu-yin-3-raw) / 50%); --color-border-strong: oklch(var(--uchu-yin-3-raw) / 80%); /* Plastic ratio */ --space-scale: 1.324717957; --space-md: 8px; --space-sm: calc(var(--space-md) / var(--space-scale)); --space-xs: calc(var(--space-sm) / var(--space-scale)); --space-xxs: calc(var(--space-xs) / var(--space-scale)); --space-lg: calc(var(--space-md) * var(--space-scale)); --space-xl: calc(var(--space-lg) * var(--space-scale)); --space-xxl: calc(var(--space-xl) * var(--space-scale)); /* Plastic ratio */ --space-scale: 1.324717957; --space-md: 8px; --space-sm: calc(var(--space-md) / var(--space-scale)); --space-xs: calc(var(--space-sm) / var(--space-scale)); --space-xxs: calc(var(--space-xs) / var(--space-scale)); --space-lg: calc(var(--space-md) * var(--space-scale)); --space-xl: calc(var(--space-lg) * var(--space-scale)); --space-xxl: calc(var(--space-xl) * var(--space-scale)); --radii-sm: 3px; --radii-md: 6px; --radii-sm: 3px; --radii-md: 6px; } @media (prefers-contrast: more) { :root { --color-fg: var(--uchu-yin); --color-fg-weak: var(--uchu-yin-9); --color-fg-subtle: var(--uchu-yin-8); --color-link: var(--uchu-blue-9); } :root { --color-fg: var(--uchu-yin); --color-fg-weak: var(--uchu-yin-9); --color-fg-subtle: var(--uchu-yin-8); --color-link: var(--uchu-blue-9); } } @media (prefers-color-scheme: dark) { :root { --color-bg: var(--uchu-yin-9); --color-bg-hover: var(--uchu-yin-8); --color-fg: var(--uchu-yang); --color-fg-weak: var(--uchu-yin-1); --color-fg-subtle: var(--uchu-yin-3); --color-link: var(--uchu-blue-2); --color-decoration: var(--uchu-blue-4); } :root { --color-bg: var(--uchu-yin-9); --color-bg-hover: var(--uchu-yin-8); --color-fg: var(--uchu-yang); --color-fg-weak: var(--uchu-yin-1); --color-fg-subtle: var(--uchu-yin-3); --color-link: var(--uchu-blue-2); --color-decoration: var(--uchu-blue-4); } } @media (prefers-color-scheme: dark) and (prefers-contrast: more) { :root { --color-bg: var(--uchu-yin); --color-fg-subtle: var(--uchu-yin-2); --color-link: var(--uchu-blue-1); } :root { --color-bg: var(--uchu-yin); --color-fg-subtle: var(--uchu-yin-2); --color-link: var(--uchu-blue-1); } } *, *::before, *::after { box-sizing: border-box; box-sizing: border-box; } body { font-family: var(--font-sans); font-size: var(--font-md); font-weight: var(--font-regular); display: grid; grid-template-columns: 100%; grid-template-areas: "header" "main" "aside"; align-content: start; gap: var(--space-lg) 0; padding: 0; margin: 0; width: 100vw; min-height: 100dvh; font-family: var(--font-sans); font-size: var(--font-md); font-weight: var(--font-regular); display: grid; grid-template-columns: 100%; grid-template-areas: "header" "main" "aside"; align-content: start; gap: var(--space-lg) 0; padding: 0; margin: 0; width: 100vw; min-height: 100dvh; background-color: var(--color-bg); color: var(--color-fg); overflow-x: hidden; overflow-y: auto; background-color: var(--color-bg); color: var(--color-fg); overflow-x: hidden; overflow-y: auto; } :where(a) { color: var(--color-link); text-decoration: none; color: var(--color-link); text-decoration: none; } @media (any-hover) { :where(a:hover) { text-decoration: underline; } :where(a:hover) { text-decoration: underline; } } .passthru { display: contents; display: contents; } .header { grid-area: header; align-self: start; display: flex; flex-direction: column; gap: var(--space-md); padding: var(--space-lg) var(--space-lg); grid-area: header; align-self: start; display: flex; flex-direction: column; gap: var(--space-md); padding: var(--space-lg) var(--space-lg); } @media (min-height: 30rem) { .header { gap: var(--space-lg); } .header { gap: var(--space-lg); } } .main, .aside { width: 100%; max-width: 60rem; margin: 0 auto; padding: var(--space-lg); width: 100%; max-width: 60rem; margin: 0 auto; padding: var(--space-lg); overflow-x: auto; overflow-x: auto; } .main { grid-area: main; font-size: var(--font-md); grid-area: main; font-size: var(--font-md); } .aside { grid-area: aside; font-size: var(--font-sm); grid-area: aside; font-size: var(--font-sm); } .breadcrumbs { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5ch; padding: 0; margin: 0; font-size: var(--font-sm); list-style: none; display: flex; flex-wrap: wrap; gap: 0.5ch; padding: 0; margin: 0; font-size: var(--font-sm); } .breadcrumbs > li { display: inline-flex; display: inline-flex; } .breadcrumbs > li + li::before { content: "/"; margin-inline-end: 0.5ch; content: "/"; margin-inline-end: 0.5ch; } .breadcrumbs a[aria-current="page"] { color: var(--color-fg); color: var(--color-fg); } .header-title { display: flex; flex-direction: column; gap: var(--space-xs) var(--space-md); display: flex; flex-direction: column; gap: var(--space-xs) var(--space-md); } .header-title--name { font-weight: var(--font-thick); font-size: var(--font-md); font-weight: var(--font-thick); font-size: var(--font-md); } .header-title--description { font-weight: var(--font-regular); font-size: var(--font-sm); margin: 0; font-weight: var(--font-regular); font-size: var(--font-sm); margin: 0; color: var(--color-fg-weak); color: var(--color-fg-weak); } @media (min-width: 40rem) { .header-title { flex-direction: row; align-items: center; } .header-title { flex-direction: row; align-items: center; } .header-title--description::before { content: "—"; margin-inline-end: var(--space-md); .header-title--description::before { content: "—"; margin-inline-end: var(--space-md); color: var(--color-fg-subtle); } color: var(--color-fg-subtle); } } .repo-nav { display: flex; flex-wrap: wrap; gap: var(--space-xs); align-items: center; margin: calc(-1 * var(--space-lg)); margin-block-start: 0; border-block-start: 1px solid var(--color-border-subtle); display: flex; flex-wrap: wrap; gap: var(--space-xs); align-items: center; margin: calc(-1 * var(--space-lg)); margin-block-start: 0; border-block-start: 1px solid var(--color-border-subtle); } .repo-nav > a { display: inline-flex; padding: var(--space-md) var(--space-lg); line-height: 1; font-size: var(--font-sm); display: inline-flex; padding: var(--space-md) var(--space-lg); line-height: 1; font-size: var(--font-sm); color: var(--color-fg-weak); text-decoration: none; color: var(--color-fg-weak); text-decoration: none; } @media (pointer: fine) { .repo-nav > a { padding: var(--space-sm) var(--space-lg); } .repo-nav > a { padding: var(--space-sm) var(--space-lg); } } @media (any-hover: hover) { .repo-nav > a:hover { background-color: var(--color-bg-hover); } .repo-nav > a:hover { background-color: var(--color-bg-hover); } } .commit-summary { padding: 0; margin: var(--space-xl) 0; display: flex; flex-direction: column; gap: var(--space-xs); padding: 0; margin: var(--space-xl) 0; display: flex; flex-direction: column; gap: var(--space-xs); } .commit-summary + .commit-summary { margin: calc(var(--space-xxl) * var(--space-scale)) 0; margin: calc(var(--space-xxl) * var(--space-scale)) 0; } .commit-summary--hash { display: inline-flex; align-self: flex-start; display: inline-flex; align-self: flex-start; } .commit-summary--message { margin: 0; margin-block-end: var(--space-xxs); padding: 0; font-size: var(--font-md); line-height: 1.2; height: calc(1.2 * var(--font-md)); width: 100%; white-space: pre; margin: 0; margin-block-end: var(--space-xxs); padding: 0; font-size: var(--font-md); line-height: 1.2; height: calc(1.2 * var(--font-md)); width: 100%; white-space: pre; overflow: hidden; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; } .commit-summary--committer, .commit-summary--author { font-size: var(--font-xs); font-size: var(--font-xs); color: var(--color-fg-weak); color: var(--color-fg-weak); } .metadata { padding: 0; margin: 0; display: flex; flex-direction: column; padding: 0; margin: 0; display: flex; flex-direction: column; } .metadata--key { padding: 0; margin: 0; margin-block-end: var(--space-xxs); font-size: var(--font-xs); font-weight: var(--font-thick); padding: 0; margin: 0; margin-block-end: var(--space-xxs); font-size: var(--font-xs); font-weight: var(--font-thick); color: var(--color-fg-weak); color: var(--color-fg-weak); } .metadata--value { padding: 0; margin: 0; font-size: var(--font-md); margin-block-end: var(--space-xl); padding: 0; margin: 0; font-size: var(--font-md); margin-block-end: var(--space-xl); } /* Sticky header and aside */ @media (min-height: 50rem) { .header { position: sticky; top: 0; .header { position: sticky; top: 0; background-color: var(--color-bg); box-shadow: 0 0 3px var(--color-shadow); border-block-end: 1px solid var(--color-border-subtle); z-index: 10; } background-color: var(--color-bg); box-shadow: 0 0 3px var(--color-shadow); border-block-end: 1px solid var(--color-border-subtle); z-index: 10; } .aside { --_top: 8rem; } .aside { --_top: 8rem; } } /* 2-column layout */ @media (min-width: 80rem) { body { grid-template-columns: 60rem minmax(0, 1fr); grid-template-areas: "header header" "main aside"; } body { grid-template-columns: 60rem minmax(0, 1fr); grid-template-areas: "header header" "main aside"; } body:where(:not(:has(.aside))) { grid-template-areas: "header header" "main main"; } body:where(:not(:has(.aside))) { grid-template-areas: "header header" "main main"; } .aside { overflow-x: hidden; } .aside { overflow-x: hidden; } .aside { position: sticky; top: var(--_top, var(--space-lg)); align-self: start; } .aside { position: sticky; top: var(--_top, var(--space-lg)); align-self: start; } } /* 3-column layout */ @media (min-width: 100rem) { body { grid-template-columns: minmax(0, 40rem) minmax(60rem, 1fr) minmax(0, 40rem); grid-template-areas: "header main aside"; gap: var(--space-xxl); } body { grid-template-columns: minmax(0, 40rem) minmax(60rem, 1fr) minmax(0, 40rem); grid-template-areas: "header main aside"; gap: var(--space-xxl); } .header { position: sticky; height: 100dvh; top: 0; border-block-end: none; border-inline-end: 1px solid var(--color-border-subtle); .header { position: sticky; height: 100dvh; top: 0; border-block-end: none; border-inline-end: 1px solid var(--color-border-subtle); box-shadow: 1px 0px 3px var(--color-shadow) inset; } box-shadow: 1px 0px 3px var(--color-shadow) inset; } .breadcrumbs { justify-content: end; } .breadcrumbs { justify-content: end; } .header-title { flex-direction: column; align-items: end; } .header-title--description::before { display: none; } .header-title { flex-direction: column; align-items: end; } .header-title--description::before { display: none; } .repo-nav { padding-block-start: var(--space-xs); justify-content: end; } .repo-nav > a { border-radius: var(--radii-sm); } .repo-nav { padding-block-start: var(--space-xs); justify-content: end; } .repo-nav > a { border-radius: var(--radii-sm); } .aside { top: 0; } .aside { top: 0; } }
-
-
-
@@ -3,45 +3,45 @@ * SPDX-License-Identifier: MIT*/ .blob-preview { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: var(--space-xxs) var(--space-xs); font-family: var(--font-mono); font-size: var(--font-sm); line-height:1.3; border: 1px solid var(--color-border-subtle); padding: var(--space-md) var(--space-lg); display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--space-xxs) var(--space-xs); font-family: var(--font-mono); font-size: var(--font-sm); line-height: 1.3; border: 1px solid var(--color-border-subtle); padding: var(--space-md) var(--space-lg); box-shadow: 1px 1px 3px var(--color-shadow); border-radius: var(--radii-md); box-shadow: 1px 1px 3px var(--color-shadow); border-radius: var(--radii-md); } .blob-preview--line-number-list { padding: 0; margin: 0; list-style: none; padding: 0; margin: 0; list-style: none; text-align: end; text-align: end; } .blob-preview--line-number { padding: 0; margin: 0; list-style: none; padding: 0; margin: 0; list-style: none; color: var(--color-fg-subtle); color: var(--color-fg-subtle); } .blob-preview--line-number:target { font-weight: var(--font-thick); font-weight: var(--font-thick); color: var(--color-fg); color: var(--color-fg); } .blob-preview > pre { margin: 0; padding: 0; padding-inline-start: var(--space-sm); overflow-x: auto; margin: 0; padding: 0; padding-inline-start: var(--space-sm); overflow-x: auto; } /*
-
@@ -49,56 +49,67 @@ * https://github.com/alecthomas/chroma/blob/e0c774731c6f55889d36c4cbf18e7480e24c1020/types.go#L211*/ .chroma-chroma { --_color-string: var(--uchu-blue-9); --_color-keyword: var(--uchu-blue-8); --_color-string: var(--uchu-blue-9); --_color-keyword: var(--uchu-blue-8); } .chroma-k { color: var(--_color-keyword); color: var(--_color-keyword); } .chroma-kc, .chroma-kd, .chroma-kp, .chroma-kr { font-weight: var(--font-thick); font-weight: var(--font-thick); color: var(--color-fg-weak); color: var(--color-fg-weak); } .chroma-kn, .chroma-kt { font-weight: var(--font-thick); font-style: italic; font-weight: var(--font-thick); font-style: italic; } .chroma-na, .chroma-nt { font-weight: var(--font-thick); font-weight: var(--font-thick); color: var(--color-fg-weak); color: var(--color-fg-weak); } .chroma-s, .chroma-sa, .chroma-sb, .chroma-sc, .chroma-dl, .chroma-sd, .chroma-s2, .chroma-se, .chroma-sh, .chroma-si, .chroma-sx, .chroma-s1, .chroma-ss { color: var(--_color-string); .chroma-s, .chroma-sa, .chroma-sb, .chroma-sc, .chroma-dl, .chroma-sd, .chroma-s2, .chroma-se, .chroma-sh, .chroma-si, .chroma-sx, .chroma-s1, .chroma-ss { color: var(--_color-string); } .chroma-o, .chroma-ow, .chroma-p { color: var(--color-fg-weak); color: var(--color-fg-weak); } .chroma-c, .chroma-ch, .chroma-cm, .chroma-cp, .chroma-cpf, .chroma-c1, .chroma-cs { font-style: italic; font-style: italic; color: var(--color-fg-subtle); color: var(--color-fg-subtle); } .chroma-ge { font-style: italic; font-style: italic; } .chroma-gh, .chroma-gs { font-weight: var(--font-chonk); font-weight: var(--font-chonk); } .chroma-gu { font-weight: var(--font-thick); font-weight: var(--font-thick); color: var(--color-fg-weak); color: var(--color-fg-weak); } .chroma-gl { text-decoration: underline; text-decoration: underline; } @media (prefers-color-scheme: dark) { .chroma-chroma { --_color-string: var(--uchu-blue-2); --_color-keyword: var(--uchu-blue-1); } .chroma-chroma { --_color-string: var(--uchu-blue-2); --_color-keyword: var(--uchu-blue-1); } }
-
-
-
@@ -3,133 +3,133 @@ * SPDX-License-Identifier: MIT*/ .repo-commit--message { font-family: var(--font-mono); font-size: var(--font-md); font-weight: var(--font-regular); line-height: 1.2; margin: 0; margin-block-end: var(--space-xxl); padding-block-end: var(--space-xxl); white-space: pre-wrap; border-block-end: 1px solid var(--color-border-subtle); font-family: var(--font-mono); font-size: var(--font-md); font-weight: var(--font-regular); line-height: 1.2; margin: 0; margin-block-end: var(--space-xxl); padding-block-end: var(--space-xxl); white-space: pre-wrap; border-block-end: 1px solid var(--color-border-subtle); } .repo-commit--message::first-line { font-size: var(--font-lg); font-weight: var(--font-thick); line-height: 1.3; font-size: var(--font-lg); font-weight: var(--font-thick); line-height: 1.3; } .repo-commit--subheading { font-size: var(--font-lg); font-weight: var(--font-thick); margin: var(--space-lg) 0; line-height: 1.1; font-size: var(--font-lg); font-weight: var(--font-thick); margin: var(--space-lg) 0; line-height: 1.1; } .repo-commit--summary { font-size: var(--font-sm); margin: var(--space-lg) 0; line-height: 1; font-size: var(--font-sm); margin: var(--space-lg) 0; line-height: 1; } .repo-commit--filename { font-size: var(--font-md); margin: var(--space-md) 0; margin-block-start: var(--space-xxl); line-height: 1.3; font-size: var(--font-md); margin: var(--space-md) 0; margin-block-start: var(--space-xxl); line-height: 1.3; } .repo-commit--signature { font-size: var(--font-sm); line-height: 1.2; margin: 0; margin-block-start: var(--space-md); padding: var(--space-sm); display: block; width: 100%; height: 20rem; border: 1px solid var(--color-border-subtle); resize: none; white-space: pre; font-size: var(--font-sm); line-height: 1.2; margin: 0; margin-block-start: var(--space-md); padding: var(--space-sm); display: block; width: 100%; height: 20rem; border: 1px solid var(--color-border-subtle); resize: none; white-space: pre; background: transparent; border-radius: var(--radii-sm); box-shadow: 1px 1px 3px var(--color-shadow); color: var(--color-fg); overflow: auto; background: transparent; border-radius: var(--radii-sm); box-shadow: 1px 1px 3px var(--color-shadow); color: var(--color-fg); overflow: auto; } .repo-commit--file-list, .repo-commit--diff { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .repo-commit--file-list { gap: var(--space-xl); gap: var(--space-xl); } .repo-commit--diff { display: grid; grid-template-columns: minmax(max-content, 100%); font-family: var(--font-mono); font-size: var(--font-sm); line-height:1.3; border: 1px solid var(--color-border-subtle); display: grid; grid-template-columns: minmax(max-content, 100%); font-family: var(--font-mono); font-size: var(--font-sm); line-height: 1.3; border: 1px solid var(--color-border-subtle); box-shadow: 1px 1px 3px var(--color-shadow); border-radius: var(--radii-md); overflow-x: auto; overflow-y: hidden; box-shadow: 1px 1px 3px var(--color-shadow); border-radius: var(--radii-md); overflow-x: auto; overflow-y: hidden; } .repo-commit--diff-item { display: contents; display: contents; } .repo-commit--diff-header { display: block; padding: var(--space-md) var(--space-lg); margin: 0; font-size: var(--font-sm); font-style: italic; line-height: 1.2; border-block-end: 1px solid var(--color-border-subtle); display: block; padding: var(--space-md) var(--space-lg); margin: 0; font-size: var(--font-sm); font-style: italic; line-height: 1.2; border-block-end: 1px solid var(--color-border-subtle); color: var(--color-fg-weak); color: var(--color-fg-weak); } .repo-commit--diff-header:not(:where(li:first-child > .repo-commit--diff-header)) { border-block-start: 1px solid var(--color-border-subtle); border-block-start: 1px solid var(--color-border-subtle); } .repo-commit--diff-header-inner { position: sticky; left: var(--space-lg); position: sticky; left: var(--space-lg); } .repo-commit--diff-line { padding: 0 var(--space-lg); padding: 0 var(--space-lg); } .repo-commit--diff-line[data-op="add"] { background-color: oklch(var(--uchu-green-5-raw) / 15%); background-color: oklch(var(--uchu-green-5-raw) / 15%); } .repo-commit--diff-line[data-op="delete"] { background-color: oklch(var(--uchu-red-5-raw) / 15%); background-color: oklch(var(--uchu-red-5-raw) / 15%); } .repo-commit--diff-icon { display: inline-flex; width: var(--font-md); height: var(--font-md); line-height: 1; font-size: var(--font-md); font-weight: var(--font-thick); display: inline-flex; width: var(--font-md); height: var(--font-md); line-height: 1; font-size: var(--font-md); font-weight: var(--font-thick); color: var(--color-fg-subtle); color: var(--color-fg-subtle); } .repo-commit--diff-line-text { white-space: pre; white-space: pre; }
-
-
-
@@ -3,45 +3,45 @@ * SPDX-License-Identifier: MIT*/ .repos { list-style: none; margin: 0; padding: 0; padding-block-start: var(--space-xl); display: flex; flex-direction: column; gap: var(--space-xl); list-style: none; margin: 0; padding: 0; padding-block-start: var(--space-xl); display: flex; flex-direction: column; gap: var(--space-xl); } .repo-link { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-sm) var(--space-lg); margin: 0; display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-sm) var(--space-lg); margin: 0; color: var(--color-fg); border-radius: var(--radii-sm); text-decoration: none; color: var(--color-fg); border-radius: var(--radii-sm); text-decoration: none; } @media (any-hover: hover) { .repo-link:hover { background-color: var(--color-bg-hover); } .repo-link:hover { background-color: var(--color-bg-hover); } } .repo-link--name { font-size: var(--font-lg); font-weight: var(--font-thick); font-size: var(--font-lg); font-weight: var(--font-thick); } .repo-link--description { font-size: var(--font-md); font-size: var(--font-md); color: var(--color-fg-weak); color: var(--color-fg-weak); } .repo-link--update-time { font-size: var(--font-sm); font-size: var(--font-sm); color: var(--color-fg-subtle); color: var(--color-fg-subtle); }
-
-
-
@@ -3,15 +3,15 @@ * SPDX-License-Identifier: MIT*/ .log-heading { margin: 0; padding-block-end: var(--space-xxl); font-size: var(--font-xl); font-weight: var(--font-chonk); line-height: 1.2; margin: 0; padding-block-end: var(--space-xxl); font-size: var(--font-xl); font-weight: var(--font-chonk); line-height: 1.2; } .log-list { list-style: none; padding: 0; margin: 0; list-style: none; padding: 0; margin: 0; }
-
-
-
@@ -3,64 +3,64 @@ * SPDX-License-Identifier: MIT*/ .ref-heading { margin: var(--space-sm) 0; margin-block-start: var(--space-xxl); font-size: var(--font-xl); font-weight: var(--font-chonk); line-height: 1.2; margin: var(--space-sm) 0; margin-block-start: var(--space-xxl); font-size: var(--font-xl); font-weight: var(--font-chonk); line-height: 1.2; } .ref-heading:first-child{ margin-block-start: 0; .ref-heading:first-child { margin-block-start: 0; } .ref-list { list-style: none; margin: 0; padding: 0; list-style: none; margin: 0; padding: 0; } .ref-item { margin: 0; padding: var(--space-md) 0; display: flex; flex-direction: column; gap: var(--space-sm); margin: 0; padding: var(--space-md) 0; display: flex; flex-direction: column; gap: var(--space-sm); } .ref-item + .ref-item { border-block-start: 1px solid var(--color-border-subtle); border-block-start: 1px solid var(--color-border-subtle); } .ref-name { font-size: var(--font-md); font-weight: var(--font-thick); line-height: 1.3; font-size: var(--font-md); font-weight: var(--font-thick); line-height: 1.3; } .ref-message { margin: 0; font-size: var(--font-sm); font-weight: var(--font-regular); line-height: 1.3; margin: 0; font-size: var(--font-sm); font-weight: var(--font-regular); line-height: 1.3; } .ref-actions { display: flex; align-items: center; gap: var(--space-sm); font-size: var(--font-sm); display: flex; align-items: center; gap: var(--space-sm); font-size: var(--font-sm); } .ref-actions > a + a::before { content: "/"; padding-inline-end: var(--space-sm); content: "/"; padding-inline-end: var(--space-sm); color: var(--color-fg-subtle); color: var(--color-fg-subtle); } .ref-empty { font-size: var(--font-md); font-style: italic; line-height: 1.3; font-size: var(--font-md); font-style: italic; line-height: 1.3; color: var(--color-fg-weak); color: var(--color-fg-weak); }
-
-
-
@@ -3,164 +3,164 @@ * SPDX-License-Identifier: MIT*/ .recent-commits { margin-block-start: var(--space-xl); margin-block-start: var(--space-xl); } .recent-commits--item + .recent-commits--item { margin: calc(var(--space-xxl) * var(--space-scale)) 0; margin: calc(var(--space-xxl) * var(--space-scale)) 0; } .recent-commits--title { margin: 0; font-size: var(--font-lg); margin: 0; font-size: var(--font-lg); } .recent-commits--list { list-style: none; padding: 0; margin: 0; list-style: none; padding: 0; margin: 0; } .readme { line-height: 1.3; line-height: 1.3; } .readme > :first-child { margin-block-start: 0; margin-block-start: 0; } .readme h1 { font-size: var(--font-xl); font-weight: var(--font-chonk); margin: var(--space-xxl) 0; line-height: 1.2; font-size: var(--font-xl); font-weight: var(--font-chonk); margin: var(--space-xxl) 0; line-height: 1.2; } .readme h2 { font-size: var(--font-lg); font-weight: var(--font-chonk); margin: var(--space-xxl) 0; line-height: 1.2; font-size: var(--font-lg); font-weight: var(--font-chonk); margin: var(--space-xxl) 0; line-height: 1.2; } .readme h3 { font-size: var(--font-md); font-weight: var(--font-chonk); margin: var(--space-xxl) 0; margin-block-end: var(--space-xl); line-height: 1.2; font-size: var(--font-md); font-weight: var(--font-chonk); margin: var(--space-xxl) 0; margin-block-end: var(--space-xl); line-height: 1.2; } .readme h4 { font-size: var(--font-md); font-weight: var(--font-thick); margin: var(--space-xl) 0; line-height: 1.2; font-size: var(--font-md); font-weight: var(--font-thick); margin: var(--space-xl) 0; line-height: 1.2; } .readme h5 { font-size: var(--font-sm); font-weight: var(--font-chonk); margin: var(--space-xl) 0; line-height: 1.2; font-size: var(--font-sm); font-weight: var(--font-chonk); margin: var(--space-xl) 0; line-height: 1.2; } .readme h6 { font-size: var(--font-sm); font-weight: var(--font-thick); margin: var(--space-lg) 0; line-height: 1.2; font-size: var(--font-sm); font-weight: var(--font-thick); margin: var(--space-lg) 0; line-height: 1.2; } .readme p { font-size: var(--font-md); font-weight: var(--font-regular); margin: var(--space-lg) 0; font-size: var(--font-md); font-weight: var(--font-regular); margin: var(--space-lg) 0; } .readme ul, .readme ol { margin: var(--space-lg) 0; padding: 0; padding-inline-start: 1.2em; line-height: 1.2; margin: var(--space-lg) 0; padding: 0; padding-inline-start: 1.2em; line-height: 1.2; } .readme li + li { margin-block-start: var(--space-xxs); margin-block-start: var(--space-xxs); } .readme pre { margin: var(--space-xl) 0; padding: var(--space-xxl) var(--space-xl); font-family: var(--font-mono); font-size: var(--font-sm); border: 1px solid var(--color-border-subtle); line-height: 1.2; margin: var(--space-xl) 0; padding: var(--space-xxl) var(--space-xl); font-family: var(--font-mono); font-size: var(--font-sm); border: 1px solid var(--color-border-subtle); line-height: 1.2; border-radius: var(--radii-md); box-shadow: 1px 1px 4px var(--color-shadow); overflow-x: auto; overflow-y: hidden; border-radius: var(--radii-md); box-shadow: 1px 1px 4px var(--color-shadow); overflow-x: auto; overflow-y: hidden; } .readme table { margin: 0; margin-block-end: var(--space-xxl); min-width: 100%; border-collapse: collapse; margin: 0; margin-block-end: var(--space-xxl); min-width: 100%; border-collapse: collapse; } .readme thead > tr { border-block-end: 1px solid var(--color-border-subtle); border-block-end: 1px solid var(--color-border-subtle); } .readme tbody > tr:first-of-type > td { padding-block-start: var(--space-md); padding-block-start: var(--space-md); } .readme th { font-weight: var(--font-regular); color: var(--color-fg-weak); font-weight: var(--font-regular); color: var(--color-fg-weak); } .readme th, td { font-size: var(--font-sm); padding: var(--space-xs) var(--space-md); font-size: var(--font-sm); padding: var(--space-xs) var(--space-md); } .readme code:not(:where(pre > code)) { font-size: var(--font-sm); font-family: var(--font-mono); font-style: italic; font-size: var(--font-sm); font-family: var(--font-mono); font-style: italic; color: var(--color-fg-weak); color: var(--color-fg-weak); } .readme a { text-decoration: underline; text-decoration: underline; } .readme a > code { color: inherit; color: inherit; } .readme img[src^="./"] { display: inline-flex; flex-direction: column; padding: var(--space-lg) var(--space-xl); font-size: var(--font-sm); border: 1px solid var(--color-border-subtle); line-height: 1.2; gap: var(--space-xs); display: inline-flex; flex-direction: column; padding: var(--space-lg) var(--space-xl); font-size: var(--font-sm); border: 1px solid var(--color-border-subtle); line-height: 1.2; gap: var(--space-xs); border-radius: var(--radii-md); box-shadow: 1px 1px 4px var(--color-shadow); border-radius: var(--radii-md); box-shadow: 1px 1px 4px var(--color-shadow); } .readme img[src^="./"]::after { display: block; content: "Rendering of local image is not supported."; font-size: var(--font-xs); font-style: italic; display: block; content: "Rendering of local image is not supported."; font-size: var(--font-xs); font-style: italic; color: var(--color-fg-weak); color: var(--color-fg-weak); }
-
-
-
@@ -3,67 +3,67 @@ * SPDX-License-Identifier: MIT*/ .tree-list { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; } .tree-row { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content max-content; grid-template-areas: "icon name name name" ". . mode size"; align-items: center; gap: var(--space-sm); padding: var(--space-sm) 0; border-block-end: 1px solid var(--color-border-subtle); display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content max-content; grid-template-areas: "icon name name name" ". . mode size"; align-items: center; gap: var(--space-sm); padding: var(--space-sm) 0; border-block-end: 1px solid var(--color-border-subtle); } @media (any-hover: hover) { .tree-row:hover { text-decoration: none; } .tree-row:hover > .tree-row--name { text-decoration: underline; } .tree-row:hover { text-decoration: none; } .tree-row:hover > .tree-row--name { text-decoration: underline; } } .tree-row--dir-icon, .tree-row--file-icon { grid-area: icon; width: auto; height: 1em; grid-area: icon; width: auto; height: 1em; } .tree-row--dir-icon { color: var(--color-decoration); color: var(--color-decoration); } .tree-row--file-icon { color: var(--color-fg-subtle); color: var(--color-fg-subtle); } .tree-row--name { grid-area: name; line-height: 1.3; grid-area: name; line-height: 1.3; color: var(--color-fg); color: var(--color-fg); } .tree-row--mode { grid-area: mode; font-size: var(--font-sm); line-height: 1.1; grid-area: mode; font-size: var(--font-sm); line-height: 1.1; color: var(--color-fg-subtle); color: var(--color-fg-subtle); } .tree-row--size { grid-area: size; font-size: var(--font-sm); line-height: 1.1; grid-area: size; font-size: var(--font-sm); line-height: 1.1; color: var(--color-fg-weak); color: var(--color-fg-weak); }
-