From ee5b579756b7f0dace0a67bee3d6bbe0b7002092 Mon Sep 17 00:00:00 2001 From: VDawg Date: Wed, 20 Mar 2024 15:10:42 +0200 Subject: [PATCH 1/2] vars set --- package.json | 3 +- pnpm-lock.yaml | 1032 ++++++++++++++++++++++++++++++++++++++++++++ tailwind.config.js | 157 ++++--- 3 files changed, 1138 insertions(+), 54 deletions(-) create mode 100644 pnpm-lock.yaml diff --git a/package.json b/package.json index 0ca43e9f..bede08e7 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "postcss-import": "^15.1.0", "prettier": "^2.8.8", "prettier-plugin-go-template": "^0.0.13", - "tailwindcss": "^3.3.2" + "tailwindcss": "^3.3.2", + "@mertasan/tailwindcss-variables": "^2.7.0" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml new file mode 100644 index 00000000..97f9980a --- /dev/null +++ b/pnpm-lock.yaml @@ -0,0 +1,1032 @@ +lockfileVersion: '6.0' + +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false + +devDependencies: + '@mertasan/tailwindcss-variables': + specifier: ^2.7.0 + version: 2.7.0(autoprefixer@10.4.18)(postcss@8.4.37) + '@tailwindcss/nesting': + specifier: ^0.0.0-insiders.565cd3e + version: 0.0.0-insiders.565cd3e(postcss@8.4.37) + autoprefixer: + specifier: ^10.4.14 + version: 10.4.18(postcss@8.4.37) + postcss: + specifier: ^8.4.31 + version: 8.4.37 + postcss-cli: + specifier: ^10.1.0 + version: 10.1.0(postcss@8.4.37) + postcss-import: + specifier: ^15.1.0 + version: 15.1.0(postcss@8.4.37) + prettier: + specifier: ^2.8.8 + version: 2.8.8 + prettier-plugin-go-template: + specifier: ^0.0.13 + version: 0.0.13(prettier@2.8.8) + tailwindcss: + specifier: ^3.3.2 + version: 3.4.1 + +packages: + + /@alloc/quick-lru@5.2.0: + resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==} + engines: {node: '>=10'} + dev: true + + /@isaacs/cliui@8.0.2: + resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==} + engines: {node: '>=12'} + dependencies: + string-width: 5.1.2 + string-width-cjs: /string-width@4.2.3 + strip-ansi: 7.1.0 + strip-ansi-cjs: /strip-ansi@6.0.1 + wrap-ansi: 8.1.0 + wrap-ansi-cjs: /wrap-ansi@7.0.0 + dev: true + + /@jridgewell/gen-mapping@0.3.5: + resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==} + engines: {node: '>=6.0.0'} + dependencies: + '@jridgewell/set-array': 1.2.1 + '@jridgewell/sourcemap-codec': 1.4.15 + '@jridgewell/trace-mapping': 0.3.25 + dev: true + + /@jridgewell/resolve-uri@3.1.2: + resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==} + engines: {node: '>=6.0.0'} + dev: true + + /@jridgewell/set-array@1.2.1: + resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==} + engines: {node: '>=6.0.0'} + dev: true + + /@jridgewell/sourcemap-codec@1.4.15: + resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==} + dev: true + + /@jridgewell/trace-mapping@0.3.25: + resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==} + dependencies: + '@jridgewell/resolve-uri': 3.1.2 + '@jridgewell/sourcemap-codec': 1.4.15 + dev: true + + /@mertasan/tailwindcss-variables@2.7.0(autoprefixer@10.4.18)(postcss@8.4.37): + resolution: {integrity: sha512-rKPhxi/0r6XWP0+OjPmsfrloX/TtQmvONj2Pr3Nl8BNBznQVP3M9sphguDBUDC0AiKYx2xgup3XzAhlIDLPLIA==} + engines: {node: '>=12.13.0'} + peerDependencies: + autoprefixer: ^10.0.2 + postcss: ^8.0.9 + dependencies: + autoprefixer: 10.4.18(postcss@8.4.37) + lodash: 4.17.21 + postcss: 8.4.37 + dev: true + + /@nodelib/fs.scandir@2.1.5: + resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} + engines: {node: '>= 8'} + dependencies: + '@nodelib/fs.stat': 2.0.5 + run-parallel: 1.2.0 + dev: true + + /@nodelib/fs.stat@2.0.5: + resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==} + engines: {node: '>= 8'} + dev: true + + /@nodelib/fs.walk@1.2.8: + resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} + engines: {node: '>= 8'} + dependencies: + '@nodelib/fs.scandir': 2.1.5 + fastq: 1.17.1 + dev: true + + /@pkgjs/parseargs@0.11.0: + resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==} + engines: {node: '>=14'} + requiresBuild: true + dev: true + optional: true + + /@tailwindcss/nesting@0.0.0-insiders.565cd3e(postcss@8.4.37): + resolution: {integrity: sha512-WhHoFBx19TnH/c+xLwT/sxei6+4RpdfiyG3MYXfmLaMsADmVqBkF7B6lDalgZD9YdM459MF7DtxVbWkOrV7IaQ==} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.37 + postcss-nested: 5.0.6(postcss@8.4.37) + dev: true + + /ansi-regex@5.0.1: + resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==} + engines: {node: '>=8'} + dev: true + + /ansi-regex@6.0.1: + resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==} + engines: {node: '>=12'} + dev: true + + /ansi-styles@4.3.0: + resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==} + engines: {node: '>=8'} + dependencies: + color-convert: 2.0.1 + dev: true + + /ansi-styles@6.2.1: + resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==} + engines: {node: '>=12'} + dev: true + + /any-promise@1.3.0: + resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==} + dev: true + + /anymatch@3.1.3: + resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} + engines: {node: '>= 8'} + dependencies: + normalize-path: 3.0.0 + picomatch: 2.3.1 + dev: true + + /arg@5.0.2: + resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==} + dev: true + + /autoprefixer@10.4.18(postcss@8.4.37): + resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==} + engines: {node: ^10 || ^12 || >=14} + hasBin: true + peerDependencies: + postcss: ^8.1.0 + dependencies: + browserslist: 4.23.0 + caniuse-lite: 1.0.30001599 + fraction.js: 4.3.7 + normalize-range: 0.1.2 + picocolors: 1.0.0 + postcss: 8.4.37 + postcss-value-parser: 4.2.0 + dev: true + + /balanced-match@1.0.2: + resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} + dev: true + + /binary-extensions@2.3.0: + resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==} + engines: {node: '>=8'} + dev: true + + /brace-expansion@2.0.1: + resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==} + dependencies: + balanced-match: 1.0.2 + dev: true + + /braces@3.0.2: + resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==} + engines: {node: '>=8'} + dependencies: + fill-range: 7.0.1 + dev: true + + /browserslist@4.23.0: + resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + dependencies: + caniuse-lite: 1.0.30001599 + electron-to-chromium: 1.4.711 + node-releases: 2.0.14 + update-browserslist-db: 1.0.13(browserslist@4.23.0) + dev: true + + /camelcase-css@2.0.1: + resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==} + engines: {node: '>= 6'} + dev: true + + /caniuse-lite@1.0.30001599: + resolution: {integrity: sha512-LRAQHZ4yT1+f9LemSMeqdMpMxZcc4RMWdj4tiFe3G8tNkWK+E58g+/tzotb5cU6TbcVJLr4fySiAW7XmxQvZQA==} + dev: true + + /chokidar@3.6.0: + resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==} + engines: {node: '>= 8.10.0'} + dependencies: + anymatch: 3.1.3 + braces: 3.0.2 + glob-parent: 5.1.2 + is-binary-path: 2.1.0 + is-glob: 4.0.3 + normalize-path: 3.0.0 + readdirp: 3.6.0 + optionalDependencies: + fsevents: 2.3.3 + dev: true + + /cliui@8.0.1: + resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==} + engines: {node: '>=12'} + dependencies: + string-width: 4.2.3 + strip-ansi: 6.0.1 + wrap-ansi: 7.0.0 + dev: true + + /color-convert@2.0.1: + resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==} + engines: {node: '>=7.0.0'} + dependencies: + color-name: 1.1.4 + dev: true + + /color-name@1.1.4: + resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==} + dev: true + + /commander@4.1.1: + resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==} + engines: {node: '>= 6'} + dev: true + + /cross-spawn@7.0.3: + resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==} + engines: {node: '>= 8'} + dependencies: + path-key: 3.1.1 + shebang-command: 2.0.0 + which: 2.0.2 + dev: true + + /cssesc@3.0.0: + resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==} + engines: {node: '>=4'} + hasBin: true + dev: true + + /dependency-graph@0.11.0: + resolution: {integrity: sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==} + engines: {node: '>= 0.6.0'} + dev: true + + /didyoumean@1.2.2: + resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==} + dev: true + + /dir-glob@3.0.1: + resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==} + engines: {node: '>=8'} + dependencies: + path-type: 4.0.0 + dev: true + + /dlv@1.1.3: + resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==} + dev: true + + /eastasianwidth@0.2.0: + resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==} + dev: true + + /electron-to-chromium@1.4.711: + resolution: {integrity: sha512-hRg81qzvUEibX2lDxnFlVCHACa+LtrCPIsWAxo161LDYIB3jauf57RGsMZV9mvGwE98yGH06icj3zBEoOkxd/w==} + dev: true + + /emoji-regex@8.0.0: + resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==} + dev: true + + /emoji-regex@9.2.2: + resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==} + dev: true + + /escalade@3.1.2: + resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==} + engines: {node: '>=6'} + dev: true + + /fast-glob@3.3.2: + resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==} + engines: {node: '>=8.6.0'} + dependencies: + '@nodelib/fs.stat': 2.0.5 + '@nodelib/fs.walk': 1.2.8 + glob-parent: 5.1.2 + merge2: 1.4.1 + micromatch: 4.0.5 + dev: true + + /fastq@1.17.1: + resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==} + dependencies: + reusify: 1.0.4 + dev: true + + /fill-range@7.0.1: + resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==} + engines: {node: '>=8'} + dependencies: + to-regex-range: 5.0.1 + dev: true + + /foreground-child@3.1.1: + resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==} + engines: {node: '>=14'} + dependencies: + cross-spawn: 7.0.3 + signal-exit: 4.1.0 + dev: true + + /fraction.js@4.3.7: + resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==} + dev: true + + /fs-extra@11.2.0: + resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==} + engines: {node: '>=14.14'} + dependencies: + graceful-fs: 4.2.11 + jsonfile: 6.1.0 + universalify: 2.0.1 + dev: true + + /fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + requiresBuild: true + dev: true + optional: true + + /function-bind@1.1.2: + resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==} + dev: true + + /get-caller-file@2.0.5: + resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==} + engines: {node: 6.* || 8.* || >= 10.*} + dev: true + + /get-stdin@9.0.0: + resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==} + engines: {node: '>=12'} + dev: true + + /glob-parent@5.1.2: + resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} + engines: {node: '>= 6'} + dependencies: + is-glob: 4.0.3 + dev: true + + /glob-parent@6.0.2: + resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==} + engines: {node: '>=10.13.0'} + dependencies: + is-glob: 4.0.3 + dev: true + + /glob@10.3.10: + resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==} + engines: {node: '>=16 || 14 >=14.17'} + hasBin: true + dependencies: + foreground-child: 3.1.1 + jackspeak: 2.3.6 + minimatch: 9.0.3 + minipass: 7.0.4 + path-scurry: 1.10.1 + dev: true + + /globby@13.2.2: + resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + dir-glob: 3.0.1 + fast-glob: 3.3.2 + ignore: 5.3.1 + merge2: 1.4.1 + slash: 4.0.0 + dev: true + + /graceful-fs@4.2.11: + resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==} + dev: true + + /hasown@2.0.2: + resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==} + engines: {node: '>= 0.4'} + dependencies: + function-bind: 1.1.2 + dev: true + + /ignore@5.3.1: + resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==} + engines: {node: '>= 4'} + dev: true + + /is-binary-path@2.1.0: + resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} + engines: {node: '>=8'} + dependencies: + binary-extensions: 2.3.0 + dev: true + + /is-core-module@2.13.1: + resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==} + dependencies: + hasown: 2.0.2 + dev: true + + /is-extglob@2.1.1: + resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} + engines: {node: '>=0.10.0'} + dev: true + + /is-fullwidth-code-point@3.0.0: + resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==} + engines: {node: '>=8'} + dev: true + + /is-glob@4.0.3: + resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} + engines: {node: '>=0.10.0'} + dependencies: + is-extglob: 2.1.1 + dev: true + + /is-number@7.0.0: + resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} + engines: {node: '>=0.12.0'} + dev: true + + /isexe@2.0.0: + resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + dev: true + + /jackspeak@2.3.6: + resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==} + engines: {node: '>=14'} + dependencies: + '@isaacs/cliui': 8.0.2 + optionalDependencies: + '@pkgjs/parseargs': 0.11.0 + dev: true + + /jiti@1.21.0: + resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==} + hasBin: true + dev: true + + /jsonfile@6.1.0: + resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==} + dependencies: + universalify: 2.0.1 + optionalDependencies: + graceful-fs: 4.2.11 + dev: true + + /lilconfig@2.1.0: + resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==} + engines: {node: '>=10'} + dev: true + + /lilconfig@3.1.1: + resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==} + engines: {node: '>=14'} + dev: true + + /lines-and-columns@1.2.4: + resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==} + dev: true + + /lodash@4.17.21: + resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} + dev: true + + /lru-cache@10.2.0: + resolution: {integrity: sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==} + engines: {node: 14 || >=16.14} + dev: true + + /merge2@1.4.1: + resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} + engines: {node: '>= 8'} + dev: true + + /micromatch@4.0.5: + resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==} + engines: {node: '>=8.6'} + dependencies: + braces: 3.0.2 + picomatch: 2.3.1 + dev: true + + /minimatch@9.0.3: + resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==} + engines: {node: '>=16 || 14 >=14.17'} + dependencies: + brace-expansion: 2.0.1 + dev: true + + /minipass@7.0.4: + resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==} + engines: {node: '>=16 || 14 >=14.17'} + dev: true + + /mz@2.7.0: + resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==} + dependencies: + any-promise: 1.3.0 + object-assign: 4.1.1 + thenify-all: 1.6.0 + dev: true + + /nanoid@3.3.7: + resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + dev: true + + /node-releases@2.0.14: + resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==} + dev: true + + /normalize-path@3.0.0: + resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} + engines: {node: '>=0.10.0'} + dev: true + + /normalize-range@0.1.2: + resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==} + engines: {node: '>=0.10.0'} + dev: true + + /object-assign@4.1.1: + resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} + engines: {node: '>=0.10.0'} + dev: true + + /object-hash@3.0.0: + resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==} + engines: {node: '>= 6'} + dev: true + + /path-key@3.1.1: + resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} + engines: {node: '>=8'} + dev: true + + /path-parse@1.0.7: + resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==} + dev: true + + /path-scurry@1.10.1: + resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==} + engines: {node: '>=16 || 14 >=14.17'} + dependencies: + lru-cache: 10.2.0 + minipass: 7.0.4 + dev: true + + /path-type@4.0.0: + resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==} + engines: {node: '>=8'} + dev: true + + /picocolors@1.0.0: + resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==} + dev: true + + /picomatch@2.3.1: + resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} + engines: {node: '>=8.6'} + dev: true + + /pify@2.3.0: + resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==} + engines: {node: '>=0.10.0'} + dev: true + + /pirates@4.0.6: + resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==} + engines: {node: '>= 6'} + dev: true + + /postcss-cli@10.1.0(postcss@8.4.37): + resolution: {integrity: sha512-Zu7PLORkE9YwNdvOeOVKPmWghprOtjFQU3srMUGbdz3pHJiFh7yZ4geiZFMkjMfB0mtTFR3h8RemR62rPkbOPA==} + engines: {node: '>=14'} + hasBin: true + peerDependencies: + postcss: ^8.0.0 + dependencies: + chokidar: 3.6.0 + dependency-graph: 0.11.0 + fs-extra: 11.2.0 + get-stdin: 9.0.0 + globby: 13.2.2 + picocolors: 1.0.0 + postcss: 8.4.37 + postcss-load-config: 4.0.2(postcss@8.4.37) + postcss-reporter: 7.1.0(postcss@8.4.37) + pretty-hrtime: 1.0.3 + read-cache: 1.0.0 + slash: 5.1.0 + yargs: 17.7.2 + transitivePeerDependencies: + - ts-node + dev: true + + /postcss-import@15.1.0(postcss@8.4.37): + resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==} + engines: {node: '>=14.0.0'} + peerDependencies: + postcss: ^8.0.0 + dependencies: + postcss: 8.4.37 + postcss-value-parser: 4.2.0 + read-cache: 1.0.0 + resolve: 1.22.8 + dev: true + + /postcss-js@4.0.1(postcss@8.4.37): + resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==} + engines: {node: ^12 || ^14 || >= 16} + peerDependencies: + postcss: ^8.4.21 + dependencies: + camelcase-css: 2.0.1 + postcss: 8.4.37 + dev: true + + /postcss-load-config@4.0.2(postcss@8.4.37): + resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==} + engines: {node: '>= 14'} + peerDependencies: + postcss: '>=8.0.9' + ts-node: '>=9.0.0' + peerDependenciesMeta: + postcss: + optional: true + ts-node: + optional: true + dependencies: + lilconfig: 3.1.1 + postcss: 8.4.37 + yaml: 2.4.1 + dev: true + + /postcss-nested@5.0.6(postcss@8.4.37): + resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==} + engines: {node: '>=12.0'} + peerDependencies: + postcss: ^8.2.14 + dependencies: + postcss: 8.4.37 + postcss-selector-parser: 6.0.16 + dev: true + + /postcss-nested@6.0.1(postcss@8.4.37): + resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==} + engines: {node: '>=12.0'} + peerDependencies: + postcss: ^8.2.14 + dependencies: + postcss: 8.4.37 + postcss-selector-parser: 6.0.16 + dev: true + + /postcss-reporter@7.1.0(postcss@8.4.37): + resolution: {integrity: sha512-/eoEylGWyy6/DOiMP5lmFRdmDKThqgn7D6hP2dXKJI/0rJSO1ADFNngZfDzxL0YAxFvws+Rtpuji1YIHj4mySA==} + engines: {node: '>=10'} + peerDependencies: + postcss: ^8.1.0 + dependencies: + picocolors: 1.0.0 + postcss: 8.4.37 + thenby: 1.3.4 + dev: true + + /postcss-selector-parser@6.0.16: + resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==} + engines: {node: '>=4'} + dependencies: + cssesc: 3.0.0 + util-deprecate: 1.0.2 + dev: true + + /postcss-value-parser@4.2.0: + resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} + dev: true + + /postcss@8.4.37: + resolution: {integrity: sha512-7iB/v/r7Woof0glKLH8b1SPHrsX7uhdO+Geb41QpF/+mWZHU3uxxSlN+UXGVit1PawOYDToO+AbZzhBzWRDwbQ==} + engines: {node: ^10 || ^12 || >=14} + dependencies: + nanoid: 3.3.7 + picocolors: 1.0.0 + source-map-js: 1.2.0 + dev: true + + /prettier-plugin-go-template@0.0.13(prettier@2.8.8): + resolution: {integrity: sha512-gG/xT5kd+kCzoMaTchXvdfBdsunyRCV6G8cgdPGPd2V5JGGKXUG7SjzBKU7jaGh2RTeblcAdBb/E+S/duOAMsA==} + engines: {node: '>=14.0.0'} + peerDependencies: + prettier: ^2.0.0 + dependencies: + prettier: 2.8.8 + ulid: 2.3.0 + dev: true + + /prettier@2.8.8: + resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==} + engines: {node: '>=10.13.0'} + hasBin: true + dev: true + + /pretty-hrtime@1.0.3: + resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==} + engines: {node: '>= 0.8'} + dev: true + + /queue-microtask@1.2.3: + resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} + dev: true + + /read-cache@1.0.0: + resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==} + dependencies: + pify: 2.3.0 + dev: true + + /readdirp@3.6.0: + resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==} + engines: {node: '>=8.10.0'} + dependencies: + picomatch: 2.3.1 + dev: true + + /require-directory@2.1.1: + resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==} + engines: {node: '>=0.10.0'} + dev: true + + /resolve@1.22.8: + resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==} + hasBin: true + dependencies: + is-core-module: 2.13.1 + path-parse: 1.0.7 + supports-preserve-symlinks-flag: 1.0.0 + dev: true + + /reusify@1.0.4: + resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==} + engines: {iojs: '>=1.0.0', node: '>=0.10.0'} + dev: true + + /run-parallel@1.2.0: + resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==} + dependencies: + queue-microtask: 1.2.3 + dev: true + + /shebang-command@2.0.0: + resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} + engines: {node: '>=8'} + dependencies: + shebang-regex: 3.0.0 + dev: true + + /shebang-regex@3.0.0: + resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} + engines: {node: '>=8'} + dev: true + + /signal-exit@4.1.0: + resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} + engines: {node: '>=14'} + dev: true + + /slash@4.0.0: + resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==} + engines: {node: '>=12'} + dev: true + + /slash@5.1.0: + resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==} + engines: {node: '>=14.16'} + dev: true + + /source-map-js@1.2.0: + resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==} + engines: {node: '>=0.10.0'} + dev: true + + /string-width@4.2.3: + resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==} + engines: {node: '>=8'} + dependencies: + emoji-regex: 8.0.0 + is-fullwidth-code-point: 3.0.0 + strip-ansi: 6.0.1 + dev: true + + /string-width@5.1.2: + resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==} + engines: {node: '>=12'} + dependencies: + eastasianwidth: 0.2.0 + emoji-regex: 9.2.2 + strip-ansi: 7.1.0 + dev: true + + /strip-ansi@6.0.1: + resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==} + engines: {node: '>=8'} + dependencies: + ansi-regex: 5.0.1 + dev: true + + /strip-ansi@7.1.0: + resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==} + engines: {node: '>=12'} + dependencies: + ansi-regex: 6.0.1 + dev: true + + /sucrase@3.35.0: + resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==} + engines: {node: '>=16 || 14 >=14.17'} + hasBin: true + dependencies: + '@jridgewell/gen-mapping': 0.3.5 + commander: 4.1.1 + glob: 10.3.10 + lines-and-columns: 1.2.4 + mz: 2.7.0 + pirates: 4.0.6 + ts-interface-checker: 0.1.13 + dev: true + + /supports-preserve-symlinks-flag@1.0.0: + resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} + engines: {node: '>= 0.4'} + dev: true + + /tailwindcss@3.4.1: + resolution: {integrity: sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==} + engines: {node: '>=14.0.0'} + hasBin: true + dependencies: + '@alloc/quick-lru': 5.2.0 + arg: 5.0.2 + chokidar: 3.6.0 + didyoumean: 1.2.2 + dlv: 1.1.3 + fast-glob: 3.3.2 + glob-parent: 6.0.2 + is-glob: 4.0.3 + jiti: 1.21.0 + lilconfig: 2.1.0 + micromatch: 4.0.5 + normalize-path: 3.0.0 + object-hash: 3.0.0 + picocolors: 1.0.0 + postcss: 8.4.37 + postcss-import: 15.1.0(postcss@8.4.37) + postcss-js: 4.0.1(postcss@8.4.37) + postcss-load-config: 4.0.2(postcss@8.4.37) + postcss-nested: 6.0.1(postcss@8.4.37) + postcss-selector-parser: 6.0.16 + resolve: 1.22.8 + sucrase: 3.35.0 + transitivePeerDependencies: + - ts-node + dev: true + + /thenby@1.3.4: + resolution: {integrity: sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==} + dev: true + + /thenify-all@1.6.0: + resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==} + engines: {node: '>=0.8'} + dependencies: + thenify: 3.3.1 + dev: true + + /thenify@3.3.1: + resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==} + dependencies: + any-promise: 1.3.0 + dev: true + + /to-regex-range@5.0.1: + resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} + engines: {node: '>=8.0'} + dependencies: + is-number: 7.0.0 + dev: true + + /ts-interface-checker@0.1.13: + resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==} + dev: true + + /ulid@2.3.0: + resolution: {integrity: sha512-keqHubrlpvT6G2wH0OEfSW4mquYRcbe/J8NMmveoQOjUqmo+hXtO+ORCpWhdbZ7k72UtY61BL7haGxW6enBnjw==} + hasBin: true + dev: true + + /universalify@2.0.1: + resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==} + engines: {node: '>= 10.0.0'} + dev: true + + /update-browserslist-db@1.0.13(browserslist@4.23.0): + resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==} + hasBin: true + peerDependencies: + browserslist: '>= 4.21.0' + dependencies: + browserslist: 4.23.0 + escalade: 3.1.2 + picocolors: 1.0.0 + dev: true + + /util-deprecate@1.0.2: + resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} + dev: true + + /which@2.0.2: + resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} + engines: {node: '>= 8'} + hasBin: true + dependencies: + isexe: 2.0.0 + dev: true + + /wrap-ansi@7.0.0: + resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==} + engines: {node: '>=10'} + dependencies: + ansi-styles: 4.3.0 + string-width: 4.2.3 + strip-ansi: 6.0.1 + dev: true + + /wrap-ansi@8.1.0: + resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==} + engines: {node: '>=12'} + dependencies: + ansi-styles: 6.2.1 + string-width: 5.1.2 + strip-ansi: 7.1.0 + dev: true + + /y18n@5.0.8: + resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==} + engines: {node: '>=10'} + dev: true + + /yaml@2.4.1: + resolution: {integrity: sha512-pIXzoImaqmfOrL7teGUBt/T7ZDnyeGBWyXQBvOVhLkWLN37GXv8NMLK406UY6dS51JfcQHsmcW5cJ441bHg6Lg==} + engines: {node: '>= 14'} + hasBin: true + dev: true + + /yargs-parser@21.1.1: + resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==} + engines: {node: '>=12'} + dev: true + + /yargs@17.7.2: + resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==} + engines: {node: '>=12'} + dependencies: + cliui: 8.0.1 + escalade: 3.1.2 + get-caller-file: 2.0.5 + require-directory: 2.1.1 + string-width: 4.2.3 + y18n: 5.0.8 + yargs-parser: 21.1.1 + dev: true diff --git a/tailwind.config.js b/tailwind.config.js index 2fb85ec0..9f3bca93 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,53 +1,45 @@ -const colors = require('tailwindcss/colors') +const colors = require("tailwindcss/colors"); +const colorVariable = require("@mertasan/tailwindcss-variables/colorVariable"); const makePrimaryColor = - l => - ({ opacityValue }) => { - return ( - `hsl(var(--primary-hue) var(--primary-saturation) ${l}%` + - (opacityValue ? ` / ${opacityValue})` : ')') - ) - } + (l) => + ({ opacityValue }) => { + return `hsl(var(--primary-hue) var(--primary-saturation) ${l}%` + (opacityValue ? ` / ${opacityValue})` : ")"); + }; /** @type {import('tailwindcss').Config} */ module.exports = { - prefix: 'hx-', - content: [ - './**/hugo_stats.json', - ], - safelist: [ - 'max-w-screen-xl', - 'max-w-[90rem]', - 'max-w-full' - ], + prefix: "hx-", + content: ["./**/hugo_stats.json"], + safelist: ["max-w-screen-xl", "max-w-[90rem]", "max-w-full"], theme: { screens: { - sm: '640px', - md: '768px', - lg: '1024px', - xl: '1280px', - '2xl': '1536px' + sm: "640px", + md: "768px", + lg: "1024px", + xl: "1280px", + "2xl": "1536px", }, fontSize: { - xs: '.75rem', - sm: '.875rem', - base: '1rem', - lg: '1.125rem', - xl: '1.25rem', - '2xl': '1.5rem', - '3xl': '1.875rem', - '4xl': '2.25rem', - '5xl': '3rem', - '6xl': '4rem' + xs: ".75rem", + sm: ".875rem", + base: "1rem", + lg: "1.125rem", + xl: "1.25rem", + "2xl": "1.5rem", + "3xl": "1.875rem", + "4xl": "2.25rem", + "5xl": "3rem", + "6xl": "4rem", }, letterSpacing: { - tight: '-0.015em' + tight: "-0.015em", }, colors: { - transparent: 'transparent', - current: 'currentColor', - black: '#000', - white: '#fff', + transparent: "transparent", + current: "currentColor", + black: "#000", + white: "#fff", gray: colors.gray, slate: colors.slate, neutral: colors.neutral, @@ -56,24 +48,83 @@ module.exports = { blue: colors.blue, yellow: colors.yellow, primary: { - 50: makePrimaryColor(97), - 100: makePrimaryColor(94), - 200: makePrimaryColor(86), - 300: makePrimaryColor(77), - 400: makePrimaryColor(66), - 500: makePrimaryColor(50), - 600: makePrimaryColor(45), - 700: makePrimaryColor(39), - 750: makePrimaryColor(35), - 800: makePrimaryColor(32), - 900: makePrimaryColor(24) - } + 50: colorVariable("var(--colors-primary-50)"), + 100: colorVariable("var(--colors-primary-100)"), + 200: colorVariable("var(--colors-primary-200)"), + 300: colorVariable("var(--colors-primary-300)"), + 400: colorVariable("var(--colors-primary-400)"), + 500: colorVariable("var(--colors-primary-500)"), + 600: colorVariable("var(--colors-primary-600)"), + 700: colorVariable("var(--colors-primary-700)"), + 750: colorVariable("var(--colors-primary-50)"), + 800: colorVariable("var(--colors-primary-800)"), + 900: colorVariable("var(--colors-primary-900)"), + 950: colorVariable("var(--colors-primary-950)"), + }, + + neutral: { + 50: colorVariable("var(--colors-neutral-50)"), + 100: colorVariable("var(--colors-neutral-100)"), + 200: colorVariable("var(--colors-neutral-200)"), + 300: colorVariable("var(--colors-neutral-300)"), + 400: colorVariable("var(--colors-neutral-400)"), + 500: colorVariable("var(--colors-neutral-500)"), + 600: colorVariable("var(--colors-neutral-600)"), + 700: colorVariable("var(--colors-neutral-700)"), + 750: colorVariable("var(--colors-neutral-50)"), + 800: colorVariable("var(--colors-neutral-800)"), + 900: colorVariable("var(--colors-neutral-900)"), + 950: colorVariable("var(--colors-neutral-950)"), + }, }, extend: { colors: { - dark: '#111' - } - } + dark: "#111", + }, + + //! Max-size + }, + variables: { + DEFAULT: { + colors: { + primary: { + 50: colors.blue[50], + 100: colors.blue[100], + 200: colors.blue[200], + 300: colors.blue[300], + 400: colors.blue[400], + 500: colors.blue[500], + 600: colors.blue[600], + 700: colors.blue[700], + 750: colors.blue[750], + 800: colors.blue[800], + 900: colors.blue[900], + 950: colors.blue[950], + }, + + neutral: { + 50: colors.slate[50], + 100: colors.slate[100], + 200: colors.slate[200], + 300: colors.slate[300], + 400: colors.slate[400], + 500: colors.slate[500], + 600: colors.slate[600], + 700: colors.slate[700], + 750: colors.slate[750], + 800: colors.slate[800], + 900: colors.slate[900], + 950: colors.slate[950], + }, + }, + }, + }, }, - darkMode: ['class', 'html[class~="dark"]'] + darkMode: ["class", 'html[class~="dark"]'], + plugins: [ + require("@mertasan/tailwindcss-variables")({ + darkToRoot: false, + colorVariables: true, + }), + ], }; From 63d6870a0c28566a5d795835459f4831f74f9777 Mon Sep 17 00:00:00 2001 From: VDawg Date: Wed, 20 Mar 2024 17:02:58 +0200 Subject: [PATCH 2/2] made it work --- assets/css/compiled/main.css | 1245 ++++++++++------- assets/css/components/search.css | 10 +- assets/css/components/steps.css | 2 +- assets/css/highlight.css | 2 +- assets/css/styles.css | 2 +- assets/css/typography.css | 64 +- exampleSite/assets/custom.css | 2 + .../content/docs/advanced/customization.md | 42 +- exampleSite/content/showcase/index.fa.md | 12 +- exampleSite/content/showcase/index.md | 12 +- exampleSite/content/showcase/index.zh-cn.md | 10 +- exampleSite/hugo_stats.json | 111 +- .../_default/_markup/render-codeblock.html | 2 +- layouts/_default/single.html | 2 +- layouts/_default/wide.html | 2 +- layouts/blog/list.html | 2 +- layouts/blog/single.html | 4 +- layouts/index.html | 2 +- layouts/partials/breadcrumb.html | 6 +- layouts/partials/components/last-updated.html | 2 +- layouts/partials/components/pager.html | 4 +- layouts/partials/footer.html | 4 +- layouts/partials/language-switch.html | 4 +- layouts/partials/navbar.html | 6 +- layouts/partials/search.html | 10 +- layouts/partials/sidebar.html | 14 +- layouts/partials/theme-toggle.html | 2 +- layouts/partials/toc.html | 8 +- layouts/shortcodes/card.html | 10 +- layouts/shortcodes/details.html | 2 +- layouts/shortcodes/filetree/container.html | 2 +- layouts/shortcodes/hextra/feature-card.html | 4 +- layouts/shortcodes/hextra/hero-badge.html | 2 +- layouts/shortcodes/hextra/hero-headline.html | 2 +- layouts/shortcodes/hextra/hero-subtitle.html | 2 +- layouts/shortcodes/steps.html | 2 +- layouts/shortcodes/tabs.html | 4 +- tailwind.config.js | 33 +- 38 files changed, 996 insertions(+), 655 deletions(-) create mode 100644 exampleSite/assets/custom.css diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index aae39d20..50d42f67 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,6 +1,6 @@ /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com -*//* +*/ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ @@ -16,7 +16,7 @@ ::before, ::after { - --tw-content: ''; + --tw-content: ""; } /* @@ -33,8 +33,9 @@ html { -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; - tab-size: 4; /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ + tab-size: 4; /* 3 */ + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ } @@ -67,7 +68,7 @@ Add the correct text decoration in Chrome, Edge, and Safari. abbr:where([title]) { -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; } /* @@ -192,9 +193,9 @@ select { */ button, -[type='button'], -[type='reset'], -[type='submit'] { +[type="button"], +[type="reset"], +[type="submit"] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ @@ -238,7 +239,7 @@ Correct the cursor style of increment and decrement buttons in Safari. 2. Correct the outline style in Safari. */ -[type='search'] { +[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } @@ -326,7 +327,8 @@ textarea { 2. Set the default placeholder color to the user's configured gray 400 color. */ -input::-moz-placeholder, textarea::-moz-placeholder { +input::-moz-placeholder, +textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } @@ -386,7 +388,9 @@ video { display: none; } -*, ::before, ::after { +*, +::before, +::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -396,19 +400,19 @@ video { --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); @@ -416,24 +420,24 @@ video { --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; } ::backdrop { @@ -446,19 +450,19 @@ video { --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); @@ -466,24 +470,24 @@ video { --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; } .hx-sr-only { position: absolute; @@ -731,7 +735,7 @@ video { max-height: calc(100vh - var(--navbar-height) - env(safe-area-inset-bottom)); } .hx-max-h-\[min\(calc\(50vh-11rem-env\(safe-area-inset-bottom\)\)\,400px\)\] { - max-height: min(calc(50vh - 11rem - env(safe-area-inset-bottom)),400px); + max-height: min(calc(50vh - 11rem - env(safe-area-inset-bottom)), 400px); } .hx-min-h-\[100px\] { min-height: 100px; @@ -792,7 +796,7 @@ video { max-width: 90rem; } .hx-max-w-\[min\(calc\(100vw-2rem\)\,calc\(100\%\+20rem\)\)\] { - max-width: min(calc(100vw - 2rem),calc(100% + 20rem)); + max-width: min(calc(100vw - 2rem), calc(100% + 20rem)); } .hx-max-w-none { max-width: none; @@ -817,8 +821,8 @@ video { } .hx-select-none { -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; } .hx-scroll-my-6 { scroll-margin-top: 1.5rem; @@ -833,8 +837,8 @@ video { } .hx-appearance-none { -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; } .hx-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); @@ -877,11 +881,11 @@ video { } .hx-gap-x-1 { -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + column-gap: 0.25rem; } .hx-gap-x-1\.5 { -moz-column-gap: 0.375rem; - column-gap: 0.375rem; + column-gap: 0.375rem; } .hx-gap-y-2 { row-gap: 0.5rem; @@ -957,11 +961,11 @@ video { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity)); } -.hx-border-gray-200 { +.hx-border-neutral-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } -.hx-border-gray-500 { +.hx-border-neutral-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); } @@ -984,13 +988,13 @@ video { background-color: rgb(0 0 0 / 0.8); } .hx-bg-black\/\[\.05\] { - background-color: rgb(0 0 0 / .05); + background-color: rgb(0 0 0 / 0.05); } .hx-bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } -.hx-bg-gray-100 { +.hx-bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } @@ -1035,17 +1039,17 @@ video { .hx-bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.hx-from-gray-900 { +.hx-from-neutral-900 { --tw-gradient-from: #111827 var(--tw-gradient-from-position); --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.hx-to-gray-600 { +.hx-to-neutral-600 { --tw-gradient-to: #4b5563 var(--tw-gradient-to-position); } .hx-bg-clip-text { -webkit-background-clip: text; - background-clip: text; + background-clip: text; } .hx-p-0 { padding: 0px; @@ -1130,7 +1134,7 @@ video { padding-bottom: 1px; } .hx-pl-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\] { - padding-left: max(env(safe-area-inset-left),1.5rem); + padding-left: max(env(safe-area-inset-left), 1.5rem); } .hx-pr-2 { padding-right: 0.5rem; @@ -1142,10 +1146,10 @@ video { padding-right: calc(env(safe-area-inset-right) - 1.5rem); } .hx-pr-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\] { - padding-right: max(env(safe-area-inset-left),1.5rem); + padding-right: max(env(safe-area-inset-left), 1.5rem); } .hx-pr-\[max\(env\(safe-area-inset-right\)\,1\.5rem\)\] { - padding-right: max(env(safe-area-inset-right),1.5rem); + padding-right: max(env(safe-area-inset-right), 1.5rem); } .hx-pt-4 { padding-top: 1rem; @@ -1187,13 +1191,13 @@ video { font-size: 1.125rem; } .hx-text-sm { - font-size: .875rem; + font-size: 0.875rem; } .hx-text-xl { font-size: 1.25rem; } .hx-text-xs { - font-size: .75rem; + font-size: 0.75rem; } .hx-font-bold { font-weight: 700; @@ -1242,27 +1246,27 @@ video { .hx-text-current { color: currentColor; } -.hx-text-gray-100 { +.hx-text-neutral-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } -.hx-text-gray-500 { +.hx-text-neutral-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } -.hx-text-gray-600 { +.hx-text-neutral-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } -.hx-text-gray-700 { +.hx-text-neutral-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } -.hx-text-gray-800 { +.hx-text-neutral-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } -.hx-text-gray-900 { +.hx-text-neutral-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } @@ -1278,7 +1282,7 @@ video { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity)); } -.hx-text-slate-900 { +.hx-text-neutral-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } @@ -1330,7 +1334,7 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hx-shadow-\[0_2px_4px_rgba\(0\,0\,0\,\.02\)\,0_1px_0_rgba\(0\,0\,0\,\.06\)\] { - --tw-shadow: 0 2px 4px rgba(0,0,0,.02),0 1px 0 rgba(0,0,0,.06); + --tw-shadow: 0 2px 4px rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.06); --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 1px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -1349,7 +1353,7 @@ video { --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.hx-shadow-gray-100 { +.hx-shadow-neutral-100 { --tw-shadow-color: #f3f4f6; --tw-shadow: var(--tw-shadow-colored); } @@ -1408,7 +1412,7 @@ video { } .\[hyphens\:auto\] { -webkit-hyphens: auto; - hyphens: auto; + hyphens: auto; } .\[transition\:background-color_1\.5s_ease\] { transition: background-color 1.5s ease; @@ -1416,7 +1420,7 @@ video { .\[word-break\:break-word\] { word-break: break-word; } -.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5rem; font-size: 2.25rem; font-weight: 700; @@ -1424,11 +1428,11 @@ video { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } -.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2.5rem; border-bottom-width: 1px; border-color: rgb(229 229 229 / 0.7); @@ -1440,25 +1444,23 @@ video { color: rgb(15 23 42 / var(--tw-text-opacity)); } @media (prefers-contrast: more) { - - .content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) { + .content :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-border-opacity: 1; border-color: rgb(163 163 163 / var(--tw-border-opacity)); } } -:is(html[class~="dark"] .content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *))) { border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.1); --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } @media (prefers-contrast: more) { - - :is(html[class~="dark"] .content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *))) { + :is(html[class~="dark"] .content :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-border-opacity: 1; border-color: rgb(163 163 163 / var(--tw-border-opacity)); } } -.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2rem; font-size: 1.5rem; font-weight: 600; @@ -1466,11 +1468,11 @@ video { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } -.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2rem; font-size: 1.25rem; font-weight: 600; @@ -1478,11 +1480,11 @@ video { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } -.content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2rem; font-size: 1.125rem; font-weight: 600; @@ -1490,11 +1492,11 @@ video { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } -.content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2rem; font-size: 1rem; font-weight: 600; @@ -1502,25 +1504,25 @@ video { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } -.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.5rem; line-height: 1.75rem; } -.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { +.content :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-child { margin-top: 0px; } -.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-text-opacity: 1; color: hsl(var(--primary-hue) var(--primary-saturation) 45% / var(--tw-text-opacity)); text-decoration-line: underline; text-decoration-thickness: from-font; text-underline-position: from-font; } -.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.5rem; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); @@ -1528,54 +1530,52 @@ video { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } -.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { +.content :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-child { margin-top: 0px; } -:is([dir="ltr"] .content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is([dir="ltr"] .content :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *))) { border-left-width: 2px; padding-left: 1.5rem; } -:is([dir="rtl"] .content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is([dir="rtl"] .content :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *))) { border-right-width: 2px; padding-right: 1.5rem; } -:is(html[class~="dark"] .content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.content :where(pre):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *)) { +.content :where(pre):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1rem; overflow-x: auto; border-radius: 0.75rem; background-color: hsl(var(--primary-hue) var(--primary-saturation) 39% / 0.05); padding-top: 1rem; padding-bottom: 1rem; - font-size: .9em; + font-size: 0.9em; font-weight: 500; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } @media (prefers-contrast: more) { - - .content :where(pre):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *)) { + .content :where(pre):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *)) { border-width: 1px; border-color: hsl(var(--primary-hue) var(--primary-saturation) 24% / 0.2); --tw-contrast: contrast(1.5); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } } -:is(html[class~="dark"] .content :where(pre):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(pre):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *))) { background-color: hsl(var(--primary-hue) var(--primary-saturation) 77% / 0.1); } @media (prefers-contrast: more) { - - :is(html[class~="dark"] .content :where(pre):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *))) { + :is(html[class~="dark"] .content :where(pre):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *))) { border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.4); } } -.content :where(code):not(:where(.code-block code, [class~=not-prose],[class~=not-prose] *)) { +.content :where(code):not(:where(.code-block code, [class~="not-prose"], [class~="not-prose"] *)) { overflow-wrap: break-word; border-radius: 0.375rem; border-width: 1px; @@ -1585,42 +1585,42 @@ video { --tw-bg-opacity: 0.03; padding-top: 0.125rem; padding-bottom: 0.125rem; - padding-left: .25em; - padding-right: .25em; - font-size: .9em; + padding-left: 0.25em; + padding-right: 0.25em; + font-size: 0.9em; } -:is(html[class~="dark"] .content :where(code):not(:where(.code-block code, [class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(code):not(:where(.code-block code, [class~="not-prose"], [class~="not-prose"] *))) { border-color: rgb(255 255 255 / 0.1); background-color: rgb(255 255 255 / 0.1); } -.content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) { +.content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.5rem; display: block; overflow-x: auto; padding: 0px; } -.content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)):first-child { +.content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)):first-child { margin-top: 0px; } -.content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) tr { +.content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) tr { margin: 0px; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); padding: 0px; } -.content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) tr:nth-child(even) { +.content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) tr:nth-child(even) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) tr) { +:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) tr) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) tr):nth-child(even) { +:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) tr):nth-child(even) { background-color: rgb(75 85 99 / 0.2); } -.content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) th { +.content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) th { margin: 0px; border-width: 1px; --tw-border-opacity: 1; @@ -1631,11 +1631,11 @@ video { padding-bottom: 0.5rem; font-weight: 600; } -:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) th) { +:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) th) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) td { +.content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) td { margin: 0px; border-width: 1px; --tw-border-opacity: 1; @@ -1645,51 +1645,51 @@ video { padding-top: 0.5rem; padding-bottom: 0.5rem; } -:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) td) { +:is(html[class~="dark"] .content :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) td) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.5rem; list-style-type: decimal; } -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { +.content :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-child { margin-top: 0px; } -:is([dir="ltr"] .content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is([dir="ltr"] .content :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-left: 1.5rem; } -:is([dir="rtl"] .content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is([dir="rtl"] .content :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-right: 1.5rem; } -.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) li { +.content :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) li { margin-top: 0.5rem; margin-bottom: 0.5rem; } -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.5rem; list-style-type: disc; } -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):first-child { +.content :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-child { margin-top: 0px; } -:is([dir="ltr"] .content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is([dir="ltr"] .content :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-left: 1.5rem; } -:is([dir="rtl"] .content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is([dir="rtl"] .content :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-right: 1.5rem; } -.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) li { +.content :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) li { margin-top: 0.5rem; margin-bottom: 0.5rem; } /* This CSS rule targets the first nested unordered (ul) or ordered (ol) list inside the list item (li) of any parent ul or ol. The rule sets the top margin of the selected list to zero. */ -.content :where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(ul, ol) > li > :where(ul, ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; } -.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { overflow-wrap: break-word; border-radius: 0.375rem; border-width: 1px; @@ -1699,43 +1699,43 @@ video { --tw-bg-opacity: 0.03; padding-top: 0.125rem; padding-bottom: 0.125rem; - padding-left: .25em; - padding-right: .25em; - font-size: .9em; + padding-left: 0.25em; + padding-right: 0.25em; + font-size: 0.9em; } -:is(html[class~="dark"] .content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *))) { border-color: rgb(255 255 255 / 0.1); background-color: rgb(255 255 255 / 0.1); } -.content :where(pre.mermaid):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *)) { +.content :where(pre.mermaid):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *)) { border-radius: 0px; background-color: transparent; } -:is(html[class~="dark"] .content :where(pre.mermaid):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *))) { +:is(html[class~="dark"] .content :where(pre.mermaid):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *))) { background-color: transparent; } -.content :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) { +.content :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-left: auto; margin-right: auto; margin-top: 1rem; margin-bottom: 1rem; border-radius: 0.375rem; } -.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption { +.content :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) figcaption { margin-top: 0.5rem; display: block; text-align: center; - font-size: .875rem; + font-size: 0.875rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption) { +:is(html[class~="dark"] .content :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) figcaption) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .content .footnotes { margin-top: 3rem; - font-size: .875rem; + font-size: 0.875rem; } .subheading-anchor { opacity: 0; @@ -1750,18 +1750,18 @@ video { margin-right: 0.25rem; } span:target + .subheading-anchor, - :hover > .subheading-anchor, - .subheading-anchor:focus { +:hover > .subheading-anchor, +.subheading-anchor:focus { opacity: 1; } span + .subheading-anchor, - :hover > .subheading-anchor { +:hover > .subheading-anchor { text-decoration-line: none !important; } .subheading-anchor:after { padding-left: 0.25rem; padding-right: 0.25rem; - --tw-content: '#'; + --tw-content: "#"; content: var(--tw-content); --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -1782,12 +1782,12 @@ article details > summary::-webkit-details-marker { display: none; } article details > summary::before { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx-h-5 hx-w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); - height: 1.2em; - width: 1.2em; - vertical-align: -4px; - padding: 0 0.6em; - } + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx-h-5 hx-w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); + height: 1.2em; + width: 1.2em; + vertical-align: -4px; + padding: 0 0.6em; +} :lang(fa) ol { list-style-type: persian; } @@ -1815,141 +1815,307 @@ article details > summary::before { /* Generic .chroma .g { } */ } /* Error */ -.highlight .chroma .err { color: #a61717; background-color: #e3d2d2 } +.highlight .chroma .err { + color: #a61717; + background-color: #e3d2d2; +} /* LineLink */ -.highlight .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } +.highlight .chroma .lnlinks { + outline: none; + text-decoration: none; + color: inherit; +} /* Line */ -.highlight .chroma .line { display: flex; } +.highlight .chroma .line { + display: flex; +} /* Keyword */ -.highlight .chroma .k { color: #000000; font-weight: bold } +.highlight .chroma .k { + color: #000000; + font-weight: bold; +} /* KeywordConstant */ -.highlight .chroma .kc { color: #000000; font-weight: bold } +.highlight .chroma .kc { + color: #000000; + font-weight: bold; +} /* KeywordDeclaration */ -.highlight .chroma .kd { color: #000000; font-weight: bold } +.highlight .chroma .kd { + color: #000000; + font-weight: bold; +} /* KeywordNamespace */ -.highlight .chroma .kn { color: #000000; font-weight: bold } +.highlight .chroma .kn { + color: #000000; + font-weight: bold; +} /* KeywordPseudo */ -.highlight .chroma .kp { color: #000000; font-weight: bold } +.highlight .chroma .kp { + color: #000000; + font-weight: bold; +} /* KeywordReserved */ -.highlight .chroma .kr { color: #000000; font-weight: bold } +.highlight .chroma .kr { + color: #000000; + font-weight: bold; +} /* KeywordType */ -.highlight .chroma .kt { color: #445588; font-weight: bold } +.highlight .chroma .kt { + color: #445588; + font-weight: bold; +} /* NameAttribute */ -.highlight .chroma .na { color: #008080 } +.highlight .chroma .na { + color: #008080; +} /* NameBuiltin */ -.highlight .chroma .nb { color: #0086b3 } +.highlight .chroma .nb { + color: #0086b3; +} /* NameBuiltinPseudo */ -.highlight .chroma .bp { color: #999999 } +.highlight .chroma .bp { + color: #999999; +} /* NameClass */ -.highlight .chroma .nc { color: #445588; font-weight: bold } +.highlight .chroma .nc { + color: #445588; + font-weight: bold; +} /* NameConstant */ -.highlight .chroma .no { color: #008080 } +.highlight .chroma .no { + color: #008080; +} /* NameDecorator */ -.highlight .chroma .nd { color: #3c5d5d; font-weight: bold } +.highlight .chroma .nd { + color: #3c5d5d; + font-weight: bold; +} /* NameEntity */ -.highlight .chroma .ni { color: #800080 } +.highlight .chroma .ni { + color: #800080; +} /* NameException */ -.highlight .chroma .ne { color: #990000; font-weight: bold } +.highlight .chroma .ne { + color: #990000; + font-weight: bold; +} /* NameFunction */ -.highlight .chroma .nf { color: #990000; font-weight: bold } +.highlight .chroma .nf { + color: #990000; + font-weight: bold; +} /* NameLabel */ -.highlight .chroma .nl { color: #990000; font-weight: bold } +.highlight .chroma .nl { + color: #990000; + font-weight: bold; +} /* NameNamespace */ -.highlight .chroma .nn { color: #555555 } +.highlight .chroma .nn { + color: #555555; +} /* NameTag */ -.highlight .chroma .nt { color: #000080 } +.highlight .chroma .nt { + color: #000080; +} /* NameVariable */ -.highlight .chroma .nv { color: #008080 } +.highlight .chroma .nv { + color: #008080; +} /* NameVariableClass */ -.highlight .chroma .vc { color: #008080 } +.highlight .chroma .vc { + color: #008080; +} /* NameVariableGlobal */ -.highlight .chroma .vg { color: #008080 } +.highlight .chroma .vg { + color: #008080; +} /* NameVariableInstance */ -.highlight .chroma .vi { color: #008080 } +.highlight .chroma .vi { + color: #008080; +} /* LiteralString */ -.highlight .chroma .s { color: #dd1144 } +.highlight .chroma .s { + color: #dd1144; +} /* LiteralStringAffix */ -.highlight .chroma .sa { color: #dd1144 } +.highlight .chroma .sa { + color: #dd1144; +} /* LiteralStringBacktick */ -.highlight .chroma .sb { color: #dd1144 } +.highlight .chroma .sb { + color: #dd1144; +} /* LiteralStringChar */ -.highlight .chroma .sc { color: #dd1144 } +.highlight .chroma .sc { + color: #dd1144; +} /* LiteralStringDelimiter */ -.highlight .chroma .dl { color: #dd1144 } +.highlight .chroma .dl { + color: #dd1144; +} /* LiteralStringDoc */ -.highlight .chroma .sd { color: #dd1144 } +.highlight .chroma .sd { + color: #dd1144; +} /* LiteralStringDouble */ -.highlight .chroma .s2 { color: #dd1144 } +.highlight .chroma .s2 { + color: #dd1144; +} /* LiteralStringEscape */ -.highlight .chroma .se { color: #dd1144 } +.highlight .chroma .se { + color: #dd1144; +} /* LiteralStringHeredoc */ -.highlight .chroma .sh { color: #dd1144 } +.highlight .chroma .sh { + color: #dd1144; +} /* LiteralStringInterpol */ -.highlight .chroma .si { color: #dd1144 } +.highlight .chroma .si { + color: #dd1144; +} /* LiteralStringOther */ -.highlight .chroma .sx { color: #dd1144 } +.highlight .chroma .sx { + color: #dd1144; +} /* LiteralStringRegex */ -.highlight .chroma .sr { color: #009926 } +.highlight .chroma .sr { + color: #009926; +} /* LiteralStringSingle */ -.highlight .chroma .s1 { color: #dd1144 } +.highlight .chroma .s1 { + color: #dd1144; +} /* LiteralStringSymbol */ -.highlight .chroma .ss { color: #990073 } +.highlight .chroma .ss { + color: #990073; +} /* LiteralNumber */ -.highlight .chroma .m { color: #009999 } +.highlight .chroma .m { + color: #009999; +} /* LiteralNumberBin */ -.highlight .chroma .mb { color: #009999 } +.highlight .chroma .mb { + color: #009999; +} /* LiteralNumberFloat */ -.highlight .chroma .mf { color: #009999 } +.highlight .chroma .mf { + color: #009999; +} /* LiteralNumberHex */ -.highlight .chroma .mh { color: #009999 } +.highlight .chroma .mh { + color: #009999; +} /* LiteralNumberInteger */ -.highlight .chroma .mi { color: #009999 } +.highlight .chroma .mi { + color: #009999; +} /* LiteralNumberIntegerLong */ -.highlight .chroma .il { color: #009999 } +.highlight .chroma .il { + color: #009999; +} /* LiteralNumberOct */ -.highlight .chroma .mo { color: #009999 } +.highlight .chroma .mo { + color: #009999; +} /* Operator */ -.highlight .chroma .o { color: #000000; font-weight: bold } +.highlight .chroma .o { + color: #000000; + font-weight: bold; +} /* OperatorWord */ -.highlight .chroma .ow { color: #000000; font-weight: bold } +.highlight .chroma .ow { + color: #000000; + font-weight: bold; +} /* Comment */ -.highlight .chroma .c { color: #999988; font-style: italic } +.highlight .chroma .c { + color: #999988; + font-style: italic; +} /* CommentHashbang */ -.highlight .chroma .ch { color: #999988; font-style: italic } +.highlight .chroma .ch { + color: #999988; + font-style: italic; +} /* CommentMultiline */ -.highlight .chroma .cm { color: #999988; font-style: italic } +.highlight .chroma .cm { + color: #999988; + font-style: italic; +} /* CommentSingle */ -.highlight .chroma .c1 { color: #999988; font-style: italic } +.highlight .chroma .c1 { + color: #999988; + font-style: italic; +} /* CommentSpecial */ -.highlight .chroma .cs { color: #999999; font-weight: bold; font-style: italic } +.highlight .chroma .cs { + color: #999999; + font-weight: bold; + font-style: italic; +} /* CommentPreproc */ -.highlight .chroma .cp { color: #999999; font-weight: bold; font-style: italic } +.highlight .chroma .cp { + color: #999999; + font-weight: bold; + font-style: italic; +} /* CommentPreprocFile */ -.highlight .chroma .cpf { color: #999999; font-weight: bold; font-style: italic } +.highlight .chroma .cpf { + color: #999999; + font-weight: bold; + font-style: italic; +} /* GenericDeleted */ -.highlight .chroma .gd { color: #000000; background-color: #ffdddd } +.highlight .chroma .gd { + color: #000000; + background-color: #ffdddd; +} /* GenericEmph */ -.highlight .chroma .ge { color: #000000; font-style: italic } +.highlight .chroma .ge { + color: #000000; + font-style: italic; +} /* GenericError */ -.highlight .chroma .gr { color: #aa0000 } +.highlight .chroma .gr { + color: #aa0000; +} /* GenericHeading */ -.highlight .chroma .gh { color: #999999 } +.highlight .chroma .gh { + color: #999999; +} /* GenericInserted */ -.highlight .chroma .gi { color: #000000; background-color: #ddffdd } +.highlight .chroma .gi { + color: #000000; + background-color: #ddffdd; +} /* GenericOutput */ -.highlight .chroma .go { color: #888888 } +.highlight .chroma .go { + color: #888888; +} /* GenericPrompt */ -.highlight .chroma .gp { color: #555555 } +.highlight .chroma .gp { + color: #555555; +} /* GenericStrong */ -.highlight .chroma .gs { font-weight: bold } +.highlight .chroma .gs { + font-weight: bold; +} /* GenericSubheading */ -.highlight .chroma .gu { color: #aaaaaa } +.highlight .chroma .gu { + color: #aaaaaa; +} /* GenericTraceback */ -.highlight .chroma .gt { color: #aa0000 } +.highlight .chroma .gt { + color: #aa0000; +} /* GenericUnderline */ -.highlight .chroma .gl { text-decoration: underline } +.highlight .chroma .gl { + text-decoration: underline; +} /* TextWhitespace */ -.highlight .chroma .w { color: #bbbbbb } +.highlight .chroma .w { + color: #bbbbbb; +} .dark .highlight { /* Background .bg { color: #c9d1d9; background-color: #0d1117; } /* PreWrapper .chroma { color: #c9d1d9; background-color: #0d1117; } */ @@ -1960,177 +2126,343 @@ article details > summary::before { /* LineNumbers .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #6e7681 } */ } /* Other */ -.dark .highlight .chroma .x { } +.dark .highlight .chroma .x { +} /* Error */ -.dark .highlight .chroma .err { color: #f85149 } +.dark .highlight .chroma .err { + color: #f85149; +} /* CodeLine */ -.dark .highlight .chroma .cl { } +.dark .highlight .chroma .cl { +} /* LineLink */ -.dark .highlight .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } +.dark .highlight .chroma .lnlinks { + outline: none; + text-decoration: none; + color: inherit; +} /* Line */ -.dark .highlight .chroma .line { display: flex; } +.dark .highlight .chroma .line { + display: flex; +} /* Keyword */ -.dark .highlight .chroma .k { color: #ff7b72 } +.dark .highlight .chroma .k { + color: #ff7b72; +} /* KeywordConstant */ -.dark .highlight .chroma .kc { color: #79c0ff } +.dark .highlight .chroma .kc { + color: #79c0ff; +} /* KeywordDeclaration */ -.dark .highlight .chroma .kd { color: #ff7b72 } +.dark .highlight .chroma .kd { + color: #ff7b72; +} /* KeywordNamespace */ -.dark .highlight .chroma .kn { color: #ff7b72 } +.dark .highlight .chroma .kn { + color: #ff7b72; +} /* KeywordPseudo */ -.dark .highlight .chroma .kp { color: #79c0ff } +.dark .highlight .chroma .kp { + color: #79c0ff; +} /* KeywordReserved */ -.dark .highlight .chroma .kr { color: #ff7b72 } +.dark .highlight .chroma .kr { + color: #ff7b72; +} /* KeywordType */ -.dark .highlight .chroma .kt { color: #ff7b72 } +.dark .highlight .chroma .kt { + color: #ff7b72; +} /* Name */ -.dark .highlight .chroma .n { } +.dark .highlight .chroma .n { +} /* NameAttribute */ -.dark .highlight .chroma .na { } +.dark .highlight .chroma .na { +} /* NameBuiltin */ -.dark .highlight .chroma .nb { } +.dark .highlight .chroma .nb { +} /* NameBuiltinPseudo */ -.dark .highlight .chroma .bp { } +.dark .highlight .chroma .bp { +} /* NameClass */ -.dark .highlight .chroma .nc { color: #f0883e; font-weight: bold } +.dark .highlight .chroma .nc { + color: #f0883e; + font-weight: bold; +} /* NameConstant */ -.dark .highlight .chroma .no { color: #79c0ff; font-weight: bold } +.dark .highlight .chroma .no { + color: #79c0ff; + font-weight: bold; +} /* NameDecorator */ -.dark .highlight .chroma .nd { color: #d2a8ff; font-weight: bold } +.dark .highlight .chroma .nd { + color: #d2a8ff; + font-weight: bold; +} /* NameEntity */ -.dark .highlight .chroma .ni { color: #ffa657 } +.dark .highlight .chroma .ni { + color: #ffa657; +} /* NameException */ -.dark .highlight .chroma .ne { color: #f0883e; font-weight: bold } +.dark .highlight .chroma .ne { + color: #f0883e; + font-weight: bold; +} /* NameFunction */ -.dark .highlight .chroma .nf { color: #d2a8ff; font-weight: bold } +.dark .highlight .chroma .nf { + color: #d2a8ff; + font-weight: bold; +} /* NameFunctionMagic */ -.dark .highlight .chroma .fm { } +.dark .highlight .chroma .fm { +} /* NameLabel */ -.dark .highlight .chroma .nl { color: #79c0ff; font-weight: bold } +.dark .highlight .chroma .nl { + color: #79c0ff; + font-weight: bold; +} /* NameNamespace */ -.dark .highlight .chroma .nn { color: #ff7b72 } +.dark .highlight .chroma .nn { + color: #ff7b72; +} /* NameOther */ -.dark .highlight .chroma .nx { } +.dark .highlight .chroma .nx { +} /* NameProperty */ -.dark .highlight .chroma .py { color: #79c0ff } +.dark .highlight .chroma .py { + color: #79c0ff; +} /* NameTag */ -.dark .highlight .chroma .nt { color: #7ee787 } +.dark .highlight .chroma .nt { + color: #7ee787; +} /* NameVariable */ -.dark .highlight .chroma .nv { color: #79c0ff } +.dark .highlight .chroma .nv { + color: #79c0ff; +} /* NameVariableClass */ -.dark .highlight .chroma .vc { } +.dark .highlight .chroma .vc { +} /* NameVariableGlobal */ -.dark .highlight .chroma .vg { } +.dark .highlight .chroma .vg { +} /* NameVariableInstance */ -.dark .highlight .chroma .vi { } +.dark .highlight .chroma .vi { +} /* NameVariableMagic */ -.dark .highlight .chroma .vm { } +.dark .highlight .chroma .vm { +} /* Literal */ -.dark .highlight .chroma .l { color: #a5d6ff } +.dark .highlight .chroma .l { + color: #a5d6ff; +} /* LiteralDate */ -.dark .highlight .chroma .ld { color: #79c0ff } +.dark .highlight .chroma .ld { + color: #79c0ff; +} /* LiteralString */ -.dark .highlight .chroma .s { color: #a5d6ff } +.dark .highlight .chroma .s { + color: #a5d6ff; +} /* LiteralStringAffix */ -.dark .highlight .chroma .sa { color: #79c0ff } +.dark .highlight .chroma .sa { + color: #79c0ff; +} /* LiteralStringBacktick */ -.dark .highlight .chroma .sb { color: #a5d6ff } +.dark .highlight .chroma .sb { + color: #a5d6ff; +} /* LiteralStringChar */ -.dark .highlight .chroma .sc { color: #a5d6ff } +.dark .highlight .chroma .sc { + color: #a5d6ff; +} /* LiteralStringDelimiter */ -.dark .highlight .chroma .dl { color: #79c0ff } +.dark .highlight .chroma .dl { + color: #79c0ff; +} /* LiteralStringDoc */ -.dark .highlight .chroma .sd { color: #a5d6ff } +.dark .highlight .chroma .sd { + color: #a5d6ff; +} /* LiteralStringDouble */ -.dark .highlight .chroma .s2 { color: #a5d6ff } +.dark .highlight .chroma .s2 { + color: #a5d6ff; +} /* LiteralStringEscape */ -.dark .highlight .chroma .se { color: #79c0ff } +.dark .highlight .chroma .se { + color: #79c0ff; +} /* LiteralStringHeredoc */ -.dark .highlight .chroma .sh { color: #79c0ff } +.dark .highlight .chroma .sh { + color: #79c0ff; +} /* LiteralStringInterpol */ -.dark .highlight .chroma .si { color: #a5d6ff } +.dark .highlight .chroma .si { + color: #a5d6ff; +} /* LiteralStringOther */ -.dark .highlight .chroma .sx { color: #a5d6ff } +.dark .highlight .chroma .sx { + color: #a5d6ff; +} /* LiteralStringRegex */ -.dark .highlight .chroma .sr { color: #79c0ff } +.dark .highlight .chroma .sr { + color: #79c0ff; +} /* LiteralStringSingle */ -.dark .highlight .chroma .s1 { color: #a5d6ff } +.dark .highlight .chroma .s1 { + color: #a5d6ff; +} /* LiteralStringSymbol */ -.dark .highlight .chroma .ss { color: #a5d6ff } +.dark .highlight .chroma .ss { + color: #a5d6ff; +} /* LiteralNumber */ -.dark .highlight .chroma .m { color: #a5d6ff } +.dark .highlight .chroma .m { + color: #a5d6ff; +} /* LiteralNumberBin */ -.dark .highlight .chroma .mb { color: #a5d6ff } +.dark .highlight .chroma .mb { + color: #a5d6ff; +} /* LiteralNumberFloat */ -.dark .highlight .chroma .mf { color: #a5d6ff } +.dark .highlight .chroma .mf { + color: #a5d6ff; +} /* LiteralNumberHex */ -.dark .highlight .chroma .mh { color: #a5d6ff } +.dark .highlight .chroma .mh { + color: #a5d6ff; +} /* LiteralNumberInteger */ -.dark .highlight .chroma .mi { color: #a5d6ff } +.dark .highlight .chroma .mi { + color: #a5d6ff; +} /* LiteralNumberIntegerLong */ -.dark .highlight .chroma .il { color: #a5d6ff } +.dark .highlight .chroma .il { + color: #a5d6ff; +} /* LiteralNumberOct */ -.dark .highlight .chroma .mo { color: #a5d6ff } +.dark .highlight .chroma .mo { + color: #a5d6ff; +} /* Operator */ -.dark .highlight .chroma .o { color: #ff7b72; font-weight: bold } +.dark .highlight .chroma .o { + color: #ff7b72; + font-weight: bold; +} /* OperatorWord */ -.dark .highlight .chroma .ow { color: #ff7b72; font-weight: bold } +.dark .highlight .chroma .ow { + color: #ff7b72; + font-weight: bold; +} /* Punctuation */ -.dark .highlight .chroma .p { } +.dark .highlight .chroma .p { +} /* Comment */ -.dark .highlight .chroma .c { color: #8b949e; font-style: italic } +.dark .highlight .chroma .c { + color: #8b949e; + font-style: italic; +} /* CommentHashbang */ -.dark .highlight .chroma .ch { color: #8b949e; font-style: italic } +.dark .highlight .chroma .ch { + color: #8b949e; + font-style: italic; +} /* CommentMultiline */ -.dark .highlight .chroma .cm { color: #8b949e; font-style: italic } +.dark .highlight .chroma .cm { + color: #8b949e; + font-style: italic; +} /* CommentSingle */ -.dark .highlight .chroma .c1 { color: #8b949e; font-style: italic } +.dark .highlight .chroma .c1 { + color: #8b949e; + font-style: italic; +} /* CommentSpecial */ -.dark .highlight .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic } +.dark .highlight .chroma .cs { + color: #8b949e; + font-weight: bold; + font-style: italic; +} /* CommentPreproc */ -.dark .highlight .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic } +.dark .highlight .chroma .cp { + color: #8b949e; + font-weight: bold; + font-style: italic; +} /* CommentPreprocFile */ -.dark .highlight .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic } +.dark .highlight .chroma .cpf { + color: #8b949e; + font-weight: bold; + font-style: italic; +} /* Generic */ -.dark .highlight .chroma .g { } +.dark .highlight .chroma .g { +} /* GenericDeleted */ -.dark .highlight .chroma .gd { color: #ffa198; background-color: #490202 } +.dark .highlight .chroma .gd { + color: #ffa198; + background-color: #490202; +} /* GenericEmph */ -.dark .highlight .chroma .ge { font-style: italic } +.dark .highlight .chroma .ge { + font-style: italic; +} /* GenericError */ -.dark .highlight .chroma .gr { color: #ffa198 } +.dark .highlight .chroma .gr { + color: #ffa198; +} /* GenericHeading */ -.dark .highlight .chroma .gh { color: #79c0ff; font-weight: bold } +.dark .highlight .chroma .gh { + color: #79c0ff; + font-weight: bold; +} /* GenericInserted */ -.dark .highlight .chroma .gi { color: #56d364; background-color: #0f5323 } +.dark .highlight .chroma .gi { + color: #56d364; + background-color: #0f5323; +} /* GenericOutput */ -.dark .highlight .chroma .go { color: #8b949e } +.dark .highlight .chroma .go { + color: #8b949e; +} /* GenericPrompt */ -.dark .highlight .chroma .gp { color: #8b949e } +.dark .highlight .chroma .gp { + color: #8b949e; +} /* GenericStrong */ -.dark .highlight .chroma .gs { font-weight: bold } +.dark .highlight .chroma .gs { + font-weight: bold; +} /* GenericSubheading */ -.dark .highlight .chroma .gu { color: #79c0ff } +.dark .highlight .chroma .gu { + color: #79c0ff; +} /* GenericTraceback */ -.dark .highlight .chroma .gt { color: #ff7b72 } +.dark .highlight .chroma .gt { + color: #ff7b72; +} /* GenericUnderline */ -.dark .highlight .chroma .gl { text-decoration: underline } +.dark .highlight .chroma .gl { + text-decoration: underline; +} /* TextWhitespace */ -.dark .highlight .chroma .w { color: #6e7681 } +.dark .highlight .chroma .w { + color: #6e7681; +} .code-block { - font-size: .9em; + font-size: 0.9em; line-height: 1.25rem; } .code-block pre { overflow-x: auto; background-color: hsl(var(--primary-hue) var(--primary-saturation) 39% / 0.05); - font-size: .9em; + font-size: 0.9em; font-weight: 500; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } @media (prefers-contrast: more) { - .code-block pre { border-width: 1px; border-color: hsl(var(--primary-hue) var(--primary-saturation) 24% / 0.2); @@ -2142,7 +2474,6 @@ article details > summary::before { background-color: hsl(var(--primary-hue) var(--primary-saturation) 77% / 0.1); } @media (prefers-contrast: more) { - :is(html[class~="dark"] .code-block pre) { border-color: hsl(var(--primary-hue) var(--primary-saturation) 94% / 0.4); } @@ -2162,7 +2493,7 @@ article details > summary::before { padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; - font-size: .75rem; + font-size: 0.75rem; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } @@ -2172,9 +2503,9 @@ article details > summary::before { color: rgb(229 231 235 / var(--tw-text-opacity)); } .code-block .filename + pre:not(.lntable pre) { - /* Override padding for code blocks with filename but no highlight */ - padding-top: 3rem; - } + /* Override padding for code blocks with filename but no highlight */ + padding-top: 3rem; +} .code-block pre:not(.lntable pre) { margin-bottom: 1rem; border-radius: 0.75rem; @@ -2199,17 +2530,17 @@ article details > summary::before { padding-bottom: 1rem; } .chroma .ln, - .chroma .lnt:not(.hl > .lnt), - .chroma .hl:not(.line) { +.chroma .lnt:not(.hl > .lnt), +.chroma .hl:not(.line) { min-width: 2.6rem; padding-left: 1rem; padding-right: 1rem; --tw-text-opacity: 1; color: rgb(82 82 82 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .chroma .ln),:is(html[class~="dark"] - .chroma .lnt:not(.hl > .lnt)),:is(html[class~="dark"] - .chroma .hl:not(.line)) { +:is(html[class~="dark"] .chroma .ln), +:is(html[class~="dark"] .chroma .lnt:not(.hl > .lnt)), +:is(html[class~="dark"] .chroma .hl:not(.line)) { --tw-text-opacity: 1; color: rgb(212 212 212 / var(--tw-text-opacity)); } @@ -2231,8 +2562,8 @@ article details > summary::before { } .hextra-card img { -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; } .hextra-card:hover svg { color: currentColor; @@ -2287,11 +2618,11 @@ article details > summary::before { margin-right: -44px; } .steps h3:before { - content: counter(step); - } + content: counter(step); +} :lang(fa) .steps h3:before { - content: counter(step, persian); - } + content: counter(step, persian); +} .search-wrapper li { margin-left: 0.625rem; margin-right: 0.625rem; @@ -2301,7 +2632,6 @@ article details > summary::before { color: rgb(31 41 55 / var(--tw-text-opacity)); } @media (prefers-contrast: more) { - .search-wrapper li { border-width: 1px; border-color: transparent; @@ -2329,7 +2659,6 @@ article details > summary::before { background-color: hsl(var(--primary-hue) var(--primary-saturation) 50% / 0.1); } @media (prefers-contrast: more) { - .search-wrapper li .active { --tw-border-opacity: 1; border-color: hsl(var(--primary-hue) var(--primary-saturation) 50% / var(--tw-border-opacity)); @@ -2338,11 +2667,11 @@ article details > summary::before { .search-wrapper .no-result { display: block; -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; padding: 2rem; text-align: center; - font-size: .875rem; + font-size: 0.875rem; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } @@ -2352,14 +2681,14 @@ article details > summary::before { margin-bottom: 0.5rem; margin-top: 1.5rem; -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; border-bottom-width: 1px; border-color: rgb(0 0 0 / 0.1); padding-left: 0.625rem; padding-right: 0.625rem; padding-bottom: 0.375rem; - font-size: .75rem; + font-size: 0.75rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; @@ -2369,7 +2698,6 @@ article details > summary::before { margin-top: 0px; } @media (prefers-contrast: more) { - .search-wrapper .prefix { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); @@ -2383,7 +2711,6 @@ article details > summary::before { color: rgb(209 213 219 / var(--tw-text-opacity)); } @media (prefers-contrast: more) { - :is(html[class~="dark"] .search-wrapper .prefix) { --tw-border-opacity: 1; border-color: rgb(249 250 251 / var(--tw-border-opacity)); @@ -2395,7 +2722,7 @@ article details > summary::before { margin-top: 0.25rem; overflow: hidden; text-overflow: ellipsis; - font-size: .875rem; + font-size: 0.875rem; line-height: 1.35rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); @@ -2405,18 +2732,17 @@ article details > summary::before { color: rgb(156 163 175 / var(--tw-text-opacity)); } @media (prefers-contrast: more) { - :is(html[class~="dark"] .search-wrapper .excerpt) { --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity)); } } .search-wrapper .excerpt { - display: -webkit-box; - line-clamp: 1; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - } + display: -webkit-box; + line-clamp: 1; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; +} .search-wrapper .match { --tw-text-opacity: 1; color: hsl(var(--primary-hue) var(--primary-saturation) 45% / var(--tw-text-opacity)); @@ -2459,19 +2785,18 @@ nav .search-wrapper { display: none; } @media (min-width: 768px) { - nav .search-wrapper { display: inline-block; } } -@supports ( - ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) -) { +@supports (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)))) { .nav-container-blur { - background-color: rgb(255 255 255 / .85); + background-color: rgb(255 255 255 / 0.85); --tw-backdrop-blur: blur(12px); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } :is(html[class~="dark"] .nav-container-blur) { background-color: rgb(17 17 17 / 0.8) !important; @@ -2479,22 +2804,18 @@ nav .search-wrapper { } .hamburger-menu svg g { transform-origin: center; - transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); + transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); } .hamburger-menu svg path { - opacity: 1; - transition: - transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, - opacity 0.2s ease 0.2s; - } + opacity: 1; + transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, opacity 0.2s ease 0.2s; +} .hamburger-menu svg.open path { - transition: - transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), - opacity 0s ease 0.2s; - } + transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), opacity 0s ease 0.2s; +} .hamburger-menu svg.open g { - transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; - } + transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; +} .hamburger-menu svg.open > path { opacity: 0; } @@ -2503,15 +2824,15 @@ nav .search-wrapper { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hamburger-menu svg.open > g:nth-of-type(1) path { - transform: translate3d(0, 4px, 0); - } + transform: translate3d(0, 4px, 0); +} .hamburger-menu svg.open > g:nth-of-type(2) { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hamburger-menu svg.open > g:nth-of-type(2) path { - transform: translate3d(0, -4px, 0); - } + transform: translate3d(0, -4px, 0); +} .hextra-scrollbar { scrollbar-width: thin; /* Firefox */ scrollbar-color: oklch(55.55% 0 0 / 40%) transparent; /* Firefox */ @@ -2529,24 +2850,24 @@ nav .search-wrapper { border-radius: 10px; } .hextra-scrollbar:hover::-webkit-scrollbar-thumb { - border: 3px solid transparent; - background-color: var(--tw-shadow-color); - background-clip: content-box; - --tw-shadow-color: rgb(115 115 115 / 0.2); - --tw-shadow: var(--tw-shadow-colored); - } + border: 3px solid transparent; + background-color: var(--tw-shadow-color); + background-clip: content-box; + --tw-shadow-color: rgb(115 115 115 / 0.2); + --tw-shadow: var(--tw-shadow-colored); +} .hextra-scrollbar:hover::-webkit-scrollbar-thumb:hover { --tw-shadow-color: rgb(115 115 115 / 0.4); --tw-shadow: var(--tw-shadow-colored); } -@supports ( - ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) -) { +@supports (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)))) { .code-copy-btn { - --tw-bg-opacity: .85; + --tw-bg-opacity: 0.85; --tw-backdrop-blur: blur(12px); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } :is(html[class~="dark"] .code-copy-btn) { --tw-bg-opacity: 0.8; @@ -2580,11 +2901,11 @@ body { --primary-hue: 204deg; --primary-saturation: 100%; } -.placeholder\:hx-text-gray-500::-moz-placeholder { +.placeholder\:hx-text-neutral-500::-moz-placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } -.placeholder\:hx-text-gray-500::placeholder { +.placeholder\:hx-text-neutral-500::placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } @@ -2617,7 +2938,7 @@ body { content: var(--tw-content); width: 1px; } -.before\:hx-bg-gray-200::before { +.before\:hx-bg-neutral-200::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); @@ -2633,11 +2954,11 @@ body { transition-duration: 150ms; } .before\:hx-content-\[\'\#\'\]::before { - --tw-content: '#'; + --tw-content: "#"; content: var(--tw-content); } .before\:hx-content-\[\'\'\]::before { - --tw-content: ''; + --tw-content: ""; content: var(--tw-content); } .before\:hx-content-\[\\\"\\\"\]::before { @@ -2650,27 +2971,27 @@ body { .last-of-type\:hx-mb-0:last-of-type { margin-bottom: 0px; } -.hover\:hx-border-gray-200:hover { +.hover\:hx-border-neutral-200:hover { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } -.hover\:hx-border-gray-300:hover { +.hover\:hx-border-neutral-300:hover { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } -.hover\:hx-border-gray-400:hover { +.hover\:hx-border-neutral-400:hover { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); } -.hover\:hx-border-gray-900:hover { +.hover\:hx-border-neutral-900:hover { --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity)); } -.hover\:hx-bg-gray-100:hover { +.hover\:hx-bg-neutral-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.hover\:hx-bg-gray-800\/5:hover { +.hover\:hx-bg-neutral-800\/5:hover { background-color: rgb(31 41 55 / 0.05); } .hover\:hx-bg-primary-50:hover { @@ -2681,7 +3002,7 @@ body { --tw-bg-opacity: 1; background-color: hsl(var(--primary-hue) var(--primary-saturation) 39% / var(--tw-bg-opacity)); } -.hover\:hx-bg-slate-50:hover { +.hover\:hx-bg-neutral-50:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity)); } @@ -2689,11 +3010,11 @@ body { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } -.hover\:hx-text-gray-800:hover { +.hover\:hx-text-neutral-800:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } -.hover\:hx-text-gray-900:hover { +.hover\:hx-text-neutral-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } @@ -2717,7 +3038,7 @@ body { --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.hover\:hx-shadow-gray-100:hover { +.hover\:hx-shadow-neutral-100:hover { --tw-shadow-color: #f3f4f6; --tw-shadow: var(--tw-shadow-colored); } @@ -2738,7 +3059,7 @@ body { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--primary-hue) var(--primary-saturation) 77% / var(--tw-ring-opacity)); } -.active\:hx-bg-gray-400\/20:active { +.active\:hx-bg-neutral-400\/20:active { background-color: rgb(156 163 175 / 0.2); } .active\:hx-opacity-50:active { @@ -2749,7 +3070,7 @@ body { --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.active\:hx-shadow-gray-200:active { +.active\:hx-shadow-neutral-200:active { --tw-shadow-color: #e5e7eb; --tw-shadow: var(--tw-shadow-colored); } @@ -2770,27 +3091,27 @@ body { .hx-group\/copybtn.copied .group-\[\.copied\]\/copybtn\:hx-hidden { display: none; } -.data-\[state\=selected\]\:hx-block[data-state=selected] { +.data-\[state\=selected\]\:hx-block[data-state="selected"] { display: block; } -.data-\[state\=closed\]\:hx-hidden[data-state=closed] { +.data-\[state\=closed\]\:hx-hidden[data-state="closed"] { display: none; } -.data-\[state\=open\]\:hx-hidden[data-state=open] { +.data-\[state\=open\]\:hx-hidden[data-state="open"] { display: none; } -.data-\[state\=selected\]\:hx-border-primary-500[data-state=selected] { +.data-\[state\=selected\]\:hx-border-primary-500[data-state="selected"] { --tw-border-opacity: 1; border-color: hsl(var(--primary-hue) var(--primary-saturation) 50% / var(--tw-border-opacity)); } -.data-\[state\=selected\]\:hx-text-primary-600[data-state=selected] { +.data-\[state\=selected\]\:hx-text-primary-600[data-state="selected"] { --tw-text-opacity: 1; color: hsl(var(--primary-hue) var(--primary-saturation) 45% / var(--tw-text-opacity)); } -.hx-group[data-theme=dark] .group-data-\[theme\=dark\]\:hx-hidden { +.hx-group[data-theme="dark"] .group-data-\[theme\=dark\]\:hx-hidden { display: none; } -.hx-group[data-theme=light] .group-data-\[theme\=light\]\:hx-hidden { +.hx-group[data-theme="light"] .group-data-\[theme\=light\]\:hx-hidden { display: none; } :is([dir="ltr"] .ltr\:hx-right-1) { @@ -2938,7 +3259,6 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (prefers-contrast: more) { - .contrast-more\:hx-border { border-width: 1px; } @@ -2951,12 +3271,12 @@ body { border-color: currentColor; } - .contrast-more\:hx-border-gray-800 { + .contrast-more\:hx-border-neutral-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); } - .contrast-more\:hx-border-gray-900 { + .contrast-more\:hx-border-neutral-900 { --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity)); } @@ -2983,17 +3303,17 @@ body { color: currentColor; } - .contrast-more\:hx-text-gray-700 { + .contrast-more\:hx-text-neutral-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } - .contrast-more\:hx-text-gray-800 { + .contrast-more\:hx-text-neutral-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } - .contrast-more\:hx-text-gray-900 { + .contrast-more\:hx-text-neutral-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } @@ -3014,7 +3334,7 @@ body { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .contrast-more\:hover\:hx-border-gray-900:hover { + .contrast-more\:hover\:hx-border-neutral-900:hover { --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity)); } @@ -3028,10 +3348,10 @@ body { :is(html[class~="dark"] .dark\:hx-border-blue-200\/30) { border-color: rgb(191 219 254 / 0.3); } -:is(html[class~="dark"] .dark\:hx-border-gray-100\/20) { +:is(html[class~="dark"] .dark\:hx-border-neutral-100\/20) { border-color: rgb(243 244 246 / 0.2); } -:is(html[class~="dark"] .dark\:hx-border-gray-400) { +:is(html[class~="dark"] .dark\:hx-border-neutral-400) { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); } @@ -3068,7 +3388,7 @@ body { :is(html[class~="dark"] .dark\:hx-bg-dark\/50) { background-color: rgb(17 17 17 / 0.5); } -:is(html[class~="dark"] .dark\:hx-bg-gray-50\/10) { +:is(html[class~="dark"] .dark\:hx-bg-neutral-50\/10) { background-color: rgb(249 250 251 / 0.1); } :is(html[class~="dark"] .dark\:hx-bg-neutral-800) { @@ -3098,35 +3418,35 @@ body { :is(html[class~="dark"] .dark\:hx-bg-yellow-700\/30) { background-color: rgb(161 98 7 / 0.3); } -:is(html[class~="dark"] .dark\:hx-from-gray-100) { +:is(html[class~="dark"] .dark\:hx-from-neutral-100) { --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -:is(html[class~="dark"] .dark\:hx-to-gray-400) { +:is(html[class~="dark"] .dark\:hx-to-neutral-400) { --tw-gradient-to: #9ca3af var(--tw-gradient-to-position); } :is(html[class~="dark"] .dark\:hx-text-blue-200) { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hx-text-gray-100) { +:is(html[class~="dark"] .dark\:hx-text-neutral-100) { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hx-text-gray-200) { +:is(html[class~="dark"] .dark\:hx-text-neutral-200) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hx-text-gray-300) { +:is(html[class~="dark"] .dark\:hx-text-neutral-300) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hx-text-gray-400) { +:is(html[class~="dark"] .dark\:hx-text-neutral-400) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hx-text-gray-50) { +:is(html[class~="dark"] .dark\:hx-text-neutral-50) { --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity)); } @@ -3150,7 +3470,7 @@ body { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hx-text-slate-100) { +:is(html[class~="dark"] .dark\:hx-text-neutral-100) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } @@ -3167,7 +3487,7 @@ body { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } :is(html[class~="dark"] .dark\:hx-shadow-\[0_-1px_0_rgba\(255\2c 255\2c 255\2c \.1\)_inset\]) { - --tw-shadow: 0 -1px 0 rgba(255,255,255,.1) inset; + --tw-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; --tw-shadow-colored: inset 0 -1px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -3179,11 +3499,11 @@ body { :is(html[class~="dark"] .dark\:hx-ring-white\/20) { --tw-ring-color: rgb(255 255 255 / 0.2); } -:is(html[class~="dark"] .dark\:placeholder\:hx-text-gray-400)::-moz-placeholder { +:is(html[class~="dark"] .dark\:placeholder\:hx-text-neutral-400)::-moz-placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:placeholder\:hx-text-gray-400)::placeholder { +:is(html[class~="dark"] .dark\:placeholder\:hx-text-neutral-400)::placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } @@ -3197,11 +3517,11 @@ body { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -:is(html[class~="dark"] .dark\:hover\:hx-border-gray-100:hover) { +:is(html[class~="dark"] .dark\:hover\:hx-border-neutral-100:hover) { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity)); } -:is(html[class~="dark"] .dark\:hover\:hx-border-gray-600:hover) { +:is(html[class~="dark"] .dark\:hover\:hx-border-neutral-600:hover) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } @@ -3217,7 +3537,7 @@ body { --tw-border-opacity: 1; border-color: rgb(38 38 38 / var(--tw-border-opacity)); } -:is(html[class~="dark"] .dark\:hover\:hx-bg-gray-100\/5:hover) { +:is(html[class~="dark"] .dark\:hover\:hx-bg-neutral-100\/5:hover) { background-color: rgb(243 244 246 / 0.05); } :is(html[class~="dark"] .dark\:hover\:hx-bg-neutral-700:hover) { @@ -3242,19 +3562,19 @@ body { :is(html[class~="dark"] .hover\:dark\:hx-bg-primary-500\/10):hover { background-color: hsl(var(--primary-hue) var(--primary-saturation) 50% / 0.1); } -:is(html[class~="dark"] .dark\:hover\:hx-text-gray-100:hover) { +:is(html[class~="dark"] .dark\:hover\:hx-text-neutral-100:hover) { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hover\:hx-text-gray-200:hover) { +:is(html[class~="dark"] .dark\:hover\:hx-text-neutral-200:hover) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hover\:hx-text-gray-300:hover) { +:is(html[class~="dark"] .dark\:hover\:hx-text-neutral-300:hover) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } -:is(html[class~="dark"] .dark\:hover\:hx-text-gray-50:hover) { +:is(html[class~="dark"] .dark\:hover\:hx-text-neutral-50:hover) { --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity)); } @@ -3284,12 +3604,11 @@ body { --tw-ring-color: hsl(var(--primary-hue) var(--primary-saturation) 32% / var(--tw-ring-opacity)); } @media (prefers-contrast: more) { - :is(html[class~="dark"] .contrast-more\:dark\:hx-border-current) { border-color: currentColor; } - :is(html[class~="dark"] .contrast-more\:dark\:hx-border-gray-50) { + :is(html[class~="dark"] .contrast-more\:dark\:hx-border-neutral-50) { --tw-border-opacity: 1; border-color: rgb(249 250 251 / var(--tw-border-opacity)); } @@ -3313,17 +3632,17 @@ body { color: currentColor; } - :is(html[class~="dark"] .contrast-more\:dark\:hx-text-gray-100) { + :is(html[class~="dark"] .contrast-more\:dark\:hx-text-neutral-100) { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } - :is(html[class~="dark"] .contrast-more\:dark\:hx-text-gray-300) { + :is(html[class~="dark"] .contrast-more\:dark\:hx-text-neutral-300) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } - :is(html[class~="dark"] .contrast-more\:dark\:hx-text-gray-50) { + :is(html[class~="dark"] .contrast-more\:dark\:hx-text-neutral-50) { --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity)); } @@ -3340,13 +3659,12 @@ body { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - :is(html[class~="dark"] .contrast-more\:dark\:hover\:hx-border-gray-50:hover) { + :is(html[class~="dark"] .contrast-more\:dark\:hover\:hx-border-neutral-50:hover) { --tw-border-opacity: 1; border-color: rgb(249 250 251 / var(--tw-border-opacity)); } } @media print { - .print\:hx-hidden { display: none; } @@ -3356,19 +3674,16 @@ body { } } @media not all and (min-width: 1280px) { - .max-xl\:hx-hidden { display: none; } } @media not all and (min-width: 1024px) { - .max-lg\:hx-min-h-\[340px\] { min-height: 340px; } } @media not all and (min-width: 768px) { - .max-md\:hx-hidden { display: none; } @@ -3378,11 +3693,10 @@ body { } .max-md\:\[transform\:translate3d\(0\2c -100\%\2c 0\)\] { - transform: translate3d(0,-100%,0); + transform: translate3d(0, -100%, 0); } } @media (min-width: 640px) { - .sm\:hx-block { display: block; } @@ -3408,7 +3722,6 @@ body { } } @media (min-width: 768px) { - .md\:hx-sticky { position: sticky; } @@ -3434,7 +3747,7 @@ body { } .md\:hx-max-h-\[min\(calc\(100vh-5rem-env\(safe-area-inset-bottom\)\)\2c 400px\)\] { - max-height: min(calc(100vh - 5rem - env(safe-area-inset-bottom)),400px); + max-height: min(calc(100vh - 5rem - env(safe-area-inset-bottom)), 400px); } .md\:hx-w-64 { @@ -3471,7 +3784,7 @@ body { } .md\:hx-text-sm { - font-size: .875rem; + font-size: 0.875rem; } :is([dir="ltr"] .ltr\:md\:hx-left-auto) { @@ -3483,13 +3796,11 @@ body { } } @media (min-width: 1024px) { - .lg\:hx-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1280px) { - .xl\:hx-block { display: block; } diff --git a/assets/css/components/search.css b/assets/css/components/search.css index 3d508bc3..0d5c00db 100644 --- a/assets/css/components/search.css +++ b/assets/css/components/search.css @@ -1,6 +1,6 @@ .search-wrapper { li { - @apply hx-mx-2.5 hx-break-words hx-rounded-md contrast-more:hx-border hx-text-gray-800 contrast-more:hx-border-transparent dark:hx-text-gray-300; + @apply hx-mx-2.5 hx-break-words hx-rounded-md contrast-more:hx-border hx-text-neutral-800 contrast-more:hx-border-transparent dark:hx-text-neutral-300; a { @apply hx-block hx-scroll-m-12 hx-px-2.5 hx-py-2; } @@ -15,17 +15,17 @@ } .no-result { - @apply hx-block hx-select-none hx-p-8 hx-text-center hx-text-sm hx-text-gray-400; + @apply hx-block hx-select-none hx-p-8 hx-text-center hx-text-sm hx-text-neutral-400; } .prefix { @apply hx-mx-2.5 hx-mb-2 hx-mt-6 hx-select-none hx-border-b hx-border-black/10 hx-px-2.5 hx-pb-1.5 hx-text-xs hx-font-semibold - hx-uppercase hx-text-gray-500 first:hx-mt-0 dark:hx-border-white/20 dark:hx-text-gray-300 contrast-more:hx-border-gray-600 - contrast-more:hx-text-gray-900 contrast-more:dark:hx-border-gray-50 contrast-more:dark:hx-text-gray-50; + hx-uppercase hx-text-neutral-500 first:hx-mt-0 dark:hx-border-white/20 dark:hx-text-neutral-300 contrast-more:hx-border-neutral-600 + contrast-more:hx-text-neutral-900 contrast-more:dark:hx-border-neutral-50 contrast-more:dark:hx-text-neutral-50; } .excerpt { - @apply hx-overflow-hidden hx-text-ellipsis hx-mt-1 hx-text-sm hx-leading-[1.35rem] hx-text-gray-600 dark:hx-text-gray-400 contrast-more:dark:hx-text-gray-50; + @apply hx-overflow-hidden hx-text-ellipsis hx-mt-1 hx-text-sm hx-leading-[1.35rem] hx-text-neutral-600 dark:hx-text-neutral-400 contrast-more:dark:hx-text-neutral-50; display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; diff --git a/assets/css/components/steps.css b/assets/css/components/steps.css index ed3ad8db..f3206e60 100644 --- a/assets/css/components/steps.css +++ b/assets/css/components/steps.css @@ -3,7 +3,7 @@ &:before { @apply hx-absolute hx-w-[33px] hx-h-[33px]; - @apply hx-border-4 hx-border-white hx-bg-gray-100 dark:hx-border-dark dark:hx-bg-neutral-800; + @apply hx-border-4 hx-border-white hx-bg-neutral-100 dark:hx-border-dark dark:hx-bg-neutral-800; @apply hx-rounded-full hx-text-neutral-400 hx-text-base hx-font-normal hx-text-center -hx-indent-px; @apply hx-mt-[3px] ltr:hx-ml-[-41px] rtl:hx-mr-[-44px]; content: counter(step); diff --git a/assets/css/highlight.css b/assets/css/highlight.css index ee6fdb34..0a3ef06a 100644 --- a/assets/css/highlight.css +++ b/assets/css/highlight.css @@ -10,7 +10,7 @@ } .filename { - @apply hx-absolute hx-top-0 hx-z-[1] hx-w-full hx-truncate hx-rounded-t-xl hx-bg-primary-700/5 hx-py-2 hx-px-4 hx-text-xs hx-text-gray-700 dark:hx-bg-primary-300/10 dark:hx-text-gray-200; + @apply hx-absolute hx-top-0 hx-z-[1] hx-w-full hx-truncate hx-rounded-t-xl hx-bg-primary-700/5 hx-py-2 hx-px-4 hx-text-xs hx-text-neutral-700 dark:hx-bg-primary-300/10 dark:hx-text-neutral-200; } .filename + pre:not(.lntable pre) { diff --git a/assets/css/styles.css b/assets/css/styles.css index 3ef02b86..6717784c 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -17,7 +17,7 @@ html { } body { - @apply hx-w-full hx-bg-white dark:hx-bg-dark dark:hx-text-gray-100; + @apply hx-w-full hx-bg-white dark:hx-bg-dark dark:hx-text-neutral-100; } :root { diff --git a/assets/css/typography.css b/assets/css/typography.css index a059feef..1a2963fa 100644 --- a/assets/css/typography.css +++ b/assets/css/typography.css @@ -1,57 +1,57 @@ .content { - :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-2 hx-text-4xl hx-font-bold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100; + :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + @apply hx-mt-2 hx-text-4xl hx-font-bold hx-tracking-tight hx-text-neutral-900 dark:hx-text-neutral-100; } - :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-10 hx-border-b hx-pb-1 hx-text-3xl hx-border-neutral-200/70 contrast-more:hx-border-neutral-400 dark:hx-border-primary-100/10 contrast-more:dark:hx-border-neutral-400; + :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + @apply hx-font-semibold hx-tracking-tight hx-text-neutral-900 dark:hx-text-neutral-100 hx-mt-10 hx-border-b hx-pb-1 hx-text-3xl hx-border-neutral-200/70 contrast-more:hx-border-neutral-400 dark:hx-border-primary-100/10 contrast-more:dark:hx-border-neutral-400; } - :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-2xl; + :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + @apply hx-font-semibold hx-tracking-tight hx-text-neutral-900 dark:hx-text-neutral-100 hx-mt-8 hx-text-2xl; } - :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-xl; + :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + @apply hx-font-semibold hx-tracking-tight hx-text-neutral-900 dark:hx-text-neutral-100 hx-mt-8 hx-text-xl; } - :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-lg; + :where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + @apply hx-font-semibold hx-tracking-tight hx-text-neutral-900 dark:hx-text-neutral-100 hx-mt-8 hx-text-lg; } - :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-font-semibold hx-tracking-tight hx-text-slate-900 dark:hx-text-slate-100 hx-mt-8 hx-text-base; + :where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + @apply hx-font-semibold hx-tracking-tight hx-text-neutral-900 dark:hx-text-neutral-100 hx-mt-8 hx-text-base; } - :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { @apply hx-mt-6 hx-leading-7 first:hx-mt-0; } - :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { @apply hx-text-primary-600 hx-underline hx-decoration-from-font [text-underline-position:from-font]; } - :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) { - @apply hx-mt-6 hx-border-gray-300 hx-italic hx-text-gray-700 dark:hx-border-gray-700 dark:hx-text-gray-400 first:hx-mt-0 ltr:hx-border-l-2 ltr:hx-pl-6 rtl:hx-border-r-2 rtl:hx-pr-6; + :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + @apply hx-mt-6 hx-border-neutral-300 hx-italic hx-text-neutral-700 dark:hx-border-neutral-700 dark:hx-text-neutral-400 first:hx-mt-0 ltr:hx-border-l-2 ltr:hx-pl-6 rtl:hx-border-r-2 rtl:hx-pr-6; } - :where(pre):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *)) { + :where(pre):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *)) { @apply hx-bg-primary-700/5 hx-mb-4 hx-overflow-x-auto hx-rounded-xl hx-font-medium hx-subpixel-antialiased dark:hx-bg-primary-300/10 hx-text-[.9em] contrast-more:hx-border contrast-more:hx-border-primary-900/20 contrast-more:hx-contrast-150 contrast-more:dark:hx-border-primary-100/40 hx-py-4; } - :where(code):not(:where(.code-block code, [class~=not-prose],[class~=not-prose] *)) { + :where(code):not(:where(.code-block code, [class~="not-prose"], [class~="not-prose"] *)) { @apply hx-border-black hx-border-opacity-[0.04] hx-bg-opacity-[0.03] hx-bg-black hx-break-words hx-rounded-md hx-border hx-py-0.5 hx-px-[.25em] hx-text-[.9em] dark:hx-border-white/10 dark:hx-bg-white/10; } - :where(table):not(:where(.code-block table, [class~=not-prose],[class~=not-prose] *)) { + :where(table):not(:where(.code-block table, [class~="not-prose"], [class~="not-prose"] *)) { @apply hx-block hx-overflow-x-auto hx-mt-6 hx-p-0 first:hx-mt-0; tr { - @apply hx-m-0 hx-border-t hx-border-gray-300 hx-p-0 dark:hx-border-gray-600 even:hx-bg-gray-100 even:dark:hx-bg-gray-600/20; + @apply hx-m-0 hx-border-t hx-border-neutral-300 hx-p-0 dark:hx-border-neutral-600 even:hx-bg-neutral-100 even:dark:hx-bg-neutral-600/20; } th { - @apply hx-m-0 hx-border hx-border-gray-300 hx-px-4 hx-py-2 hx-font-semibold dark:hx-border-gray-600; + @apply hx-m-0 hx-border hx-border-neutral-300 hx-px-4 hx-py-2 hx-font-semibold dark:hx-border-neutral-600; } td { - @apply hx-m-0 hx-border hx-border-gray-300 hx-px-4 hx-py-2 dark:hx-border-gray-600; + @apply hx-m-0 hx-border hx-border-neutral-300 hx-px-4 hx-py-2 dark:hx-border-neutral-600; } } - :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { @apply hx-mt-6 hx-list-decimal first:hx-mt-0 ltr:hx-ml-6 rtl:hx-mr-6; li { @apply hx-my-2; } } - :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { @apply hx-mt-6 hx-list-disc first:hx-mt-0 ltr:hx-ml-6 rtl:hx-mr-6; li { @apply hx-my-2; @@ -60,21 +60,21 @@ /* This CSS rule targets the first nested unordered (ul) or ordered (ol) list inside the list item (li) of any parent ul or ol. The rule sets the top margin of the selected list to zero. */ - :where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(ul, ol) > li > :where(ul, ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { @apply hx-mt-0; } - :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { @apply hx-border-black hx-border-opacity-[0.04] hx-bg-opacity-[0.03] hx-bg-black hx-break-words hx-rounded-md hx-border hx-py-0.5 hx-px-[.25em] hx-text-[.9em] dark:hx-border-white/10 dark:hx-bg-white/10; } - :where(pre.mermaid):not(:where(.code-block pre, [class~=not-prose],[class~=not-prose] *)) { + :where(pre.mermaid):not(:where(.code-block pre, [class~="not-prose"], [class~="not-prose"] *)) { @apply hx-bg-transparent hx-rounded-none dark:hx-bg-transparent; } - :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { @apply hx-mx-auto hx-my-4 hx-rounded-md; } - :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) { + :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { figcaption { - @apply hx-text-sm hx-text-gray-500 dark:hx-text-gray-400 hx-mt-2 hx-block hx-text-center; + @apply hx-text-sm hx-text-neutral-500 dark:hx-text-neutral-400 hx-mt-2 hx-block hx-text-center; } } .footnotes { @@ -98,9 +98,9 @@ &:after { @apply hx-content-['#'] hx-px-1; - @apply hx-text-gray-300 dark:hx-text-neutral-700; + @apply hx-text-neutral-300 dark:hx-text-neutral-700; span:target + & { - @apply hx-text-gray-400; + @apply hx-text-neutral-400; @apply dark:hx-text-neutral-500; } } diff --git a/exampleSite/assets/custom.css b/exampleSite/assets/custom.css new file mode 100644 index 00000000..5a4260fc --- /dev/null +++ b/exampleSite/assets/custom.css @@ -0,0 +1,2 @@ +:root { +} diff --git a/exampleSite/content/docs/advanced/customization.md b/exampleSite/content/docs/advanced/customization.md index 8821967d..3a71c0e5 100644 --- a/exampleSite/content/docs/advanced/customization.md +++ b/exampleSite/content/docs/advanced/customization.md @@ -24,7 +24,7 @@ The font family of the content can be customized using: ### Inline Code Element -The color of text mixed with `other text` can customized with: +The color of text mixed with `other text` can be customized with: ```css {filename="assets/css/custom.css"} .content code:not(.code-block code) { @@ -32,14 +32,46 @@ The color of text mixed with `other text` can customized with: } ``` -### Primary Color +### Custom Colors -The primary color of the theme can be customized by setting the `--primary-hue` and `--primary-saturation` variables: +You can provide a custom color palettes to override the defaults. + +To generate a custom color palette you can use a site like [tints.dev](https://www.tints.dev/). ```css {filename="assets/css/custom.css"} :root { - --primary-hue: 100deg; - --primary-saturation: 90%; + /* Primary/brand color */ + --colors-primary-50: "#EBF6FF"; + --colors-primary-100: "#D2EDFE"; + --colors-primary-200: "#A4DEFE"; + --colors-primary-300: "#7CD7FD"; + --colors-primary-400: "#4FD1FD"; + --colors-primary-500: "#21CFFC"; + --colors-primary-600: "#03ABE2"; + --colors-primary-700: "#0278AB"; + --colors-primary-800: "#02486F"; + --colors-primary-900: "#012237"; + --colors-primary-950: "#00111E"; + + /* The colors of text */ + --colors-neutral-50: "#ECF2F8"; + --colors-neutral-100: "#DCE6EF"; + --colors-neutral-200: "#B7C9DC"; + --colors-neutral-300: "#99B0C7"; + --colors-neutral-400: "#7994AF"; + --colors-neutral-500: "#617A94"; + --colors-neutral-600: "#4E5E6E"; + --colors-neutral-700: "#3B454F"; + --colors-neutral-800: "#24292D"; + --colors-neutral-900: "#0D0E0F"; + --colors-neutral-950: "#070808"; + + /* Background colors */ + + /* Light mode */ + --colors-bright: "#eceeee"; + /* Dark mode */ + --colors-dark: "#0c0d0e"; } ``` diff --git a/exampleSite/content/showcase/index.fa.md b/exampleSite/content/showcase/index.fa.md index 11211803..3227e596 100644 --- a/exampleSite/content/showcase/index.fa.md +++ b/exampleSite/content/showcase/index.fa.md @@ -7,14 +7,14 @@ layout: wide
-

+

پروژه‌های متن‌باز که توسط هگزترا طراحی شده‌اند.

{{< cards >}} - {{< card link="https://developers.osuny.org" title="Osuny" image="https://raw.githubusercontent.com/noesya/osuny-developers/main/static/images/showcase-hextra/screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://getporter.org/" title="Porter" image="https://repository-images.githubusercontent.com/155893691/aa249c80-fcf3-11ea-93b0-30079e8d7de4" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://lutheranconfessions.org/" title="LutheranConfessions" image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://github.com/imfing/hextra-starter-template/" title="Hextra Starter Template" image="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://developers.clever-cloud.com/" title="Clever Cloud Documentation" image="https://cellar-c2.services.clever-cloud.com/documentation/doc-screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://developers.osuny.org" title="Osuny" image="https://raw.githubusercontent.com/noesya/osuny-developers/main/static/images/showcase-hextra/screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://getporter.org/" title="Porter" image="https://repository-images.githubusercontent.com/155893691/aa249c80-fcf3-11ea-93b0-30079e8d7de4" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://lutheranconfessions.org/" title="LutheranConfessions" image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://github.com/imfing/hextra-starter-template/" title="Hextra Starter Template" image="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://developers.clever-cloud.com/" title="Clever Cloud Documentation" image="https://cellar-c2.services.clever-cloud.com/documentation/doc-screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} {{< /cards >}} diff --git a/exampleSite/content/showcase/index.md b/exampleSite/content/showcase/index.md index 5a799ed3..95b834ea 100644 --- a/exampleSite/content/showcase/index.md +++ b/exampleSite/content/showcase/index.md @@ -7,14 +7,14 @@ layout: wide
-

+

Open source projects powered by Hextra.

{{< cards >}} - {{< card link="https://developers.osuny.org" title="Osuny" image="https://raw.githubusercontent.com/noesya/osuny-developers/main/static/images/showcase-hextra/screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://getporter.org/" title="Porter" image="https://repository-images.githubusercontent.com/155893691/aa249c80-fcf3-11ea-93b0-30079e8d7de4" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://lutheranconfessions.org/" title="LutheranConfessions" image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://github.com/imfing/hextra-starter-template/" title="Hextra Starter Template" image="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://developers.clever-cloud.com/" title="Clever Cloud Documentation" image="https://cellar-c2.services.clever-cloud.com/documentation/doc-screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://developers.osuny.org" title="Osuny" image="https://raw.githubusercontent.com/noesya/osuny-developers/main/static/images/showcase-hextra/screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://getporter.org/" title="Porter" image="https://repository-images.githubusercontent.com/155893691/aa249c80-fcf3-11ea-93b0-30079e8d7de4" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://lutheranconfessions.org/" title="LutheranConfessions" image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://github.com/imfing/hextra-starter-template/" title="Hextra Starter Template" image="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://developers.clever-cloud.com/" title="Clever Cloud Documentation" image="https://cellar-c2.services.clever-cloud.com/documentation/doc-screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} {{< /cards >}} diff --git a/exampleSite/content/showcase/index.zh-cn.md b/exampleSite/content/showcase/index.zh-cn.md index 2959c8f2..a9a2189d 100644 --- a/exampleSite/content/showcase/index.zh-cn.md +++ b/exampleSite/content/showcase/index.zh-cn.md @@ -7,13 +7,13 @@ layout: wide
-

+

由 Hextra 驱动的开源网站和项目。

{{< cards >}} - {{< card link="https://developers.osuny.org" title="Osuny" image="https://raw.githubusercontent.com/noesya/osuny-developers/main/static/images/showcase-hextra/screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://getporter.org/" title="Porter" image="https://repository-images.githubusercontent.com/155893691/aa249c80-fcf3-11ea-93b0-30079e8d7de4" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://lutheranconfessions.org/" title="LutheranConfessions" image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} - {{< card link="https://github.com/imfing/hextra-starter-template" title="Hextra Starter Template" image="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://developers.osuny.org" title="Osuny" image="https://raw.githubusercontent.com/noesya/osuny-developers/main/static/images/showcase-hextra/screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://getporter.org/" title="Porter" image="https://repository-images.githubusercontent.com/155893691/aa249c80-fcf3-11ea-93b0-30079e8d7de4" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://lutheranconfessions.org/" title="LutheranConfessions" image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} +{{< card link="https://github.com/imfing/hextra-starter-template" title="Hextra Starter Template" image="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" imageStyle="object-fit:cover; aspect-ratio:16/9;" >}} {{< /cards >}} diff --git a/exampleSite/hugo_stats.json b/exampleSite/hugo_stats.json index 7e00beac..c9bdbf5f 100644 --- a/exampleSite/hugo_stats.json +++ b/exampleSite/hugo_stats.json @@ -58,6 +58,7 @@ "ul" ], "classes": [ + "!hx-bg-red-500", "-hx-mb-0.5", "-hx-ml-2", "-hx-mr-2", @@ -68,13 +69,13 @@ "[hyphens:auto]", "[transition:background-color_1.5s_ease]", "[word-break:break-word]", - "active:hx-bg-gray-400/20", + "active:hx-bg-neutral-400/20", "active:hx-opacity-50", - "active:hx-shadow-gray-200", + "active:hx-shadow-neutral-200", "active:hx-shadow-sm", "before:hx-absolute", "before:hx-bg-glass-gradient", - "before:hx-bg-gray-200", + "before:hx-bg-neutral-200", "before:hx-content-[\"\"]", "before:hx-content-['#']", "before:hx-content-['']", @@ -90,23 +91,23 @@ "code-block", "code-copy-btn", "content", - "contrast-more:dark:hover:hx-border-gray-50", + "contrast-more:dark:hover:hx-border-neutral-50", "contrast-more:dark:hx-border-current", - "contrast-more:dark:hx-border-gray-50", "contrast-more:dark:hx-border-neutral-400", + "contrast-more:dark:hx-border-neutral-50", "contrast-more:dark:hx-border-primary-500", "contrast-more:dark:hx-shadow-[0_0_0_1px_#fff]", "contrast-more:dark:hx-shadow-none", "contrast-more:dark:hx-text-current", - "contrast-more:dark:hx-text-gray-100", - "contrast-more:dark:hx-text-gray-300", - "contrast-more:dark:hx-text-gray-50", - "contrast-more:hover:hx-border-gray-900", + "contrast-more:dark:hx-text-neutral-100", + "contrast-more:dark:hx-text-neutral-300", + "contrast-more:dark:hx-text-neutral-50", + "contrast-more:hover:hx-border-neutral-900", "contrast-more:hx-border", "contrast-more:hx-border-current", - "contrast-more:hx-border-gray-800", - "contrast-more:hx-border-gray-900", "contrast-more:hx-border-neutral-400", + "contrast-more:hx-border-neutral-800", + "contrast-more:hx-border-neutral-900", "contrast-more:hx-border-primary-500", "contrast-more:hx-border-t", "contrast-more:hx-border-transparent", @@ -114,9 +115,9 @@ "contrast-more:hx-shadow-[0_0_0_1px_#000]", "contrast-more:hx-shadow-none", "contrast-more:hx-text-current", - "contrast-more:hx-text-gray-700", - "contrast-more:hx-text-gray-800", - "contrast-more:hx-text-gray-900", + "contrast-more:hx-text-neutral-700", + "contrast-more:hx-text-neutral-800", + "contrast-more:hx-text-neutral-900", "contrast-more:hx-underline", "copy-icon", "dark:before:hx-bg-neutral-800", @@ -124,31 +125,31 @@ "dark:contrast-more:hx-border-neutral-400", "dark:focus:hx-bg-dark", "dark:focus:hx-ring-primary-800", - "dark:hover:hx-bg-gray-100/5", + "dark:hover:hx-bg-neutral-100/5", "dark:hover:hx-bg-neutral-700", "dark:hover:hx-bg-neutral-800", "dark:hover:hx-bg-neutral-900", "dark:hover:hx-bg-primary-100/5", "dark:hover:hx-bg-primary-700", - "dark:hover:hx-border-gray-100", - "dark:hover:hx-border-gray-600", + "dark:hover:hx-border-neutral-100", "dark:hover:hx-border-neutral-500", + "dark:hover:hx-border-neutral-600", "dark:hover:hx-border-neutral-700", "dark:hover:hx-border-neutral-800", "dark:hover:hx-shadow-none", - "dark:hover:hx-text-gray-100", - "dark:hover:hx-text-gray-200", - "dark:hover:hx-text-gray-300", - "dark:hover:hx-text-gray-50", + "dark:hover:hx-text-neutral-100", + "dark:hover:hx-text-neutral-200", + "dark:hover:hx-text-neutral-300", "dark:hover:hx-text-neutral-50", "dark:hover:hx-text-white", "dark:hx-bg-black/60", "dark:hx-bg-blue-900/30", "dark:hx-bg-dark", "dark:hx-bg-dark/50", - "dark:hx-bg-gray-50/10", + "dark:hx-bg-neutral-50/10", "dark:hx-bg-neutral-800", "dark:hx-bg-neutral-900", + "dark:hx-bg-neutral-950", "dark:hx-bg-orange-400/20", "dark:hx-bg-primary-300/10", "dark:hx-bg-primary-400/10", @@ -157,15 +158,15 @@ "dark:hx-bg-yellow-700/30", "dark:hx-block", "dark:hx-border-blue-200/30", - "dark:hx-border-gray-100/20", - "dark:hx-border-gray-400", + "dark:hx-border-neutral-100/20", + "dark:hx-border-neutral-400", "dark:hx-border-neutral-700", "dark:hx-border-neutral-800", "dark:hx-border-orange-400/30", "dark:hx-border-red-200/30", "dark:hx-border-white/10", "dark:hx-border-yellow-200/30", - "dark:hx-from-gray-100", + "dark:hx-from-neutral-100", "dark:hx-hidden", "dark:hx-opacity-80", "dark:hx-ring-white/20", @@ -173,20 +174,17 @@ "dark:hx-shadow-[0_-1px_0_rgba(255,255,255,.1)_inset]", "dark:hx-shadow-none", "dark:hx-text-blue-200", - "dark:hx-text-gray-100", - "dark:hx-text-gray-200", - "dark:hx-text-gray-300", - "dark:hx-text-gray-400", - "dark:hx-text-gray-50", + "dark:hx-text-neutral-100", "dark:hx-text-neutral-200", + "dark:hx-text-neutral-300", "dark:hx-text-neutral-400", + "dark:hx-text-neutral-50", "dark:hx-text-orange-300", "dark:hx-text-primary-600", "dark:hx-text-red-200", - "dark:hx-text-slate-100", "dark:hx-text-yellow-200", - "dark:hx-to-gray-400", - "dark:placeholder:hx-text-gray-400", + "dark:hx-to-neutral-400", + "dark:placeholder:hx-text-neutral-400", "data-[state=closed]:hx-hidden", "data-[state=open]:hx-hidden", "data-[state=selected]:hx-block", @@ -221,23 +219,23 @@ "highlight", "hover:dark:hx-bg-primary-500/10", "hover:dark:hx-text-primary-600", - "hover:hx-bg-gray-100", - "hover:hx-bg-gray-800/5", + "hover:hx-bg-neutral-100", + "hover:hx-bg-neutral-50", + "hover:hx-bg-neutral-800/5", "hover:hx-bg-primary-50", "hover:hx-bg-primary-700", - "hover:hx-bg-slate-50", - "hover:hx-border-gray-200", - "hover:hx-border-gray-300", - "hover:hx-border-gray-400", - "hover:hx-border-gray-900", + "hover:hx-border-neutral-200", + "hover:hx-border-neutral-300", + "hover:hx-border-neutral-400", + "hover:hx-border-neutral-900", "hover:hx-opacity-60", "hover:hx-opacity-75", - "hover:hx-shadow-gray-100", "hover:hx-shadow-lg", "hover:hx-shadow-md", + "hover:hx-shadow-neutral-100", "hover:hx-text-black", - "hover:hx-text-gray-800", - "hover:hx-text-gray-900", + "hover:hx-text-neutral-800", + "hover:hx-text-neutral-900", "hover:hx-text-primary-600", "hx-absolute", "hx-align-[-2.5px]", @@ -249,7 +247,7 @@ "hx-bg-blue-100", "hx-bg-clip-text", "hx-bg-gradient-to-r", - "hx-bg-gray-100", + "hx-bg-neutral-100", "hx-bg-neutral-50", "hx-bg-orange-50", "hx-bg-primary-100", @@ -266,8 +264,8 @@ "hx-border-b-2", "hx-border-black/5", "hx-border-blue-200", - "hx-border-gray-200", - "hx-border-gray-500", + "hx-border-neutral-200", + "hx-border-neutral-500", "hx-border-orange-100", "hx-border-red-200", "hx-border-t", @@ -292,7 +290,7 @@ "hx-font-mono", "hx-font-normal", "hx-font-semibold", - "hx-from-gray-900", + "hx-from-neutral-900", "hx-gap-1", "hx-gap-2", "hx-gap-4", @@ -439,8 +437,8 @@ "hx-shadow-[0_-12px_16px_#fff]", "hx-shadow-[0_-12px_16px_white]", "hx-shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)]", - "hx-shadow-gray-100", "hx-shadow-lg", + "hx-shadow-neutral-100", "hx-shadow-sm", "hx-shadow-xl", "hx-shrink-0", @@ -455,25 +453,24 @@ "hx-text-center", "hx-text-current", "hx-text-ellipsis", - "hx-text-gray-100", - "hx-text-gray-500", - "hx-text-gray-600", - "hx-text-gray-700", - "hx-text-gray-800", - "hx-text-gray-900", "hx-text-left", "hx-text-lg", + "hx-text-neutral-100", + "hx-text-neutral-500", + "hx-text-neutral-600", + "hx-text-neutral-700", + "hx-text-neutral-800", + "hx-text-neutral-900", "hx-text-orange-800", "hx-text-primary-800", "hx-text-red-900", - "hx-text-slate-900", "hx-text-sm", "hx-text-transparent", "hx-text-white", "hx-text-xl", "hx-text-xs", "hx-text-yellow-900", - "hx-to-gray-600", + "hx-to-neutral-600", "hx-top-0", "hx-top-16", "hx-top-8", @@ -559,7 +556,7 @@ "next-error-h1", "not-prose", "open", - "placeholder:hx-text-gray-500", + "placeholder:hx-text-neutral-500", "print:hx-bg-transparent", "print:hx-hidden", "rtl:-hx-rotate-180", diff --git a/layouts/_default/_markup/render-codeblock.html b/layouts/_default/_markup/render-codeblock.html index 2b65e88d..2be2e4e7 100644 --- a/layouts/_default/_markup/render-codeblock.html +++ b/layouts/_default/_markup/render-codeblock.html @@ -15,7 +15,7 @@ {{- end -}}
diff --git a/layouts/partials/search.html b/layouts/partials/search.html index e421ab00..cbc72df6 100644 --- a/layouts/partials/search.html +++ b/layouts/partials/search.html @@ -1,17 +1,17 @@ {{- $placeholder := (T "searchPlaceholder") | default "Search..." -}} -
-
+
+
CTRL K @@ -19,7 +19,7 @@
    diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 78ebf63a..90fba836 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -77,7 +77,7 @@ {{- if eq $level 0 -}} {{- range $items.ByWeight }} {{- if .Params.sidebar.separator -}} -
  • +
  • {{ partial "utils/title" . }}
    • {{- else -}} @@ -95,7 +95,7 @@ {{- end -}} {{- else -}}
    -