feat: style scrollbars

This commit is contained in:
Cory Dransfeldt 2023-08-15 08:54:50 -07:00
parent 1c26daa797
commit 2ad22bb1df
No known key found for this signature in database
4 changed files with 26 additions and 19 deletions

View file

@ -60,6 +60,7 @@
"rss-parser": "^3.13.0", "rss-parser": "^3.13.0",
"sanitize-html": "^2.11.0", "sanitize-html": "^2.11.0",
"striptags": "^3.2.0", "striptags": "^3.2.0",
"tailwind-scrollbar": "^3.0.5",
"tailwindcss": "^3.3.2" "tailwindcss": "^3.3.2"
}, },
"dependencies": { "dependencies": {

View file

@ -61,7 +61,7 @@
<style>.client-side {display:none}</style> <style>.client-side {display:none}</style>
</noscript> </noscript>
</head> </head>
<body class="dark:text-white bg-white dark:bg-gray-900 font-sans text-gray-800"> <body class="dark:text-white bg-white dark:bg-gray-900 font-sans text-gray-800 scrollbar-thin scrollbar-thumb-purple-500 scrollbar-track-purple-100">
{{ content }} {{ content }}
</body> </body>
</html> </html>

View file

@ -29,6 +29,7 @@ module.exports = {
require('@tailwindcss/line-clamp'), require('@tailwindcss/line-clamp'),
require('@catppuccin/tailwindcss'), require('@catppuccin/tailwindcss'),
require('@tailwindcss/aspect-ratio'), require('@tailwindcss/aspect-ratio'),
require('tailwind-scrollbar'),
], ],
content: ['./src/**/*.md', './src/**/*.html', './src/_includes/**/*.liquid'], content: ['./src/**/*.md', './src/**/*.html', './src/_includes/**/*.liquid'],
} }

View file

@ -749,9 +749,9 @@
integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ== integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
"@types/node@*", "@types/node@>=10.0.0": "@types/node@*", "@types/node@>=10.0.0":
version "20.4.10" version "20.5.0"
resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.10.tgz#73c9480791e3ddeb4887a660fc93a7f59353ad45" resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.0.tgz#7fc8636d5f1aaa3b21e6245e97d56b7f56702313"
integrity sha512-vwzFiiy8Rn6E0MtA13/Cxxgpan/N6UeNYR9oUu6kuJWxu6zCk98trcDp8CBhbtaeuq9SykCmXkFr2lWLoPcvLg== integrity sha512-Mgq7eCtoTjT89FqNoTzzXg2XvCi5VMhRV6+I2aYanc6kQCBImeNaAYRs/DyoVqk1YEUJK5gN9VO7HRIdz4Wo3Q==
"@types/node@20.4.7": "@types/node@20.4.7":
version "20.4.7" version "20.4.7"
@ -2283,9 +2283,9 @@ ejs@^3.1.8, ejs@^3.1.9:
jake "^10.8.5" jake "^10.8.5"
electron-to-chromium@^1.4.477: electron-to-chromium@^1.4.477:
version "1.4.490" version "1.4.491"
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.490.tgz#d99286f6e915667fa18ea4554def1aa60eb4d5f1" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.491.tgz#53de4625bde1e75b5b7804a36c68b2c39f6a0c1f"
integrity sha512-6s7NVJz+sATdYnIwhdshx/N/9O6rvMxmhVoDSDFdj6iA45gHR8EQje70+RYsF4GeB+k0IeNSBnP7yG9ZXJFr7A== integrity sha512-ZzPqGKghdVzlQJ+qpfE+r6EB321zed7e5JsvHIlMM4zPFF8okXUkF5Of7h7F3l3cltPL0rG7YVmlp5Qro7RQLA==
eleventy-plugin-tabler-icons@^2.0.1: eleventy-plugin-tabler-icons@^2.0.1:
version "2.0.1" version "2.0.1"
@ -4405,9 +4405,9 @@ markdownlint@~0.29.0:
markdownlint-micromark "0.1.5" markdownlint-micromark "0.1.5"
marked@^7.0.2: marked@^7.0.2:
version "7.0.2" version "7.0.3"
resolved "https://registry.yarnpkg.com/marked/-/marked-7.0.2.tgz#7df34d9393bce63d175bcbdbe1de7b6727b3088d" resolved "https://registry.yarnpkg.com/marked/-/marked-7.0.3.tgz#680778f4612ba483d89e851fc70690d867165e42"
integrity sha512-ADEBjnCHOrsLoV7JPvUNWtELZ0b4SeIALhrfxuA9uhS3hw2PCezROoFduIqMOjeagBPto732+YC5tZHBMQRdqg== integrity sha512-ev2uM40p0zQ/GbvqotfKcSWEa59fJwluGZj5dcaUOwDRrB1F3dncdXy8NWUApk4fi8atU3kTBOwjyjZ0ud0dxw==
marky@^1.2.2: marky@^1.2.2:
version "1.2.5" version "1.2.5"
@ -4743,9 +4743,9 @@ no-case@^2.2.0:
lower-case "^1.1.1" lower-case "^1.1.1"
node-abi@^3.3.0: node-abi@^3.3.0:
version "3.45.0" version "3.46.0"
resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.45.0.tgz#f568f163a3bfca5aacfce1fbeee1fa2cc98441f5" resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.46.0.tgz#491adaa8d227ca9702f30b27b2b6b248caa1348f"
integrity sha512-iwXuFrMAcFVi/ZoZiqq8BzAdsLw9kxDfTC0HMyjXfSL/6CSDAGD5UmR7azrAgWV1zKYq7dUUMj4owusBWKLsiQ== integrity sha512-LXvP3AqTIrtvH/jllXjkNVbYifpRbt9ThTtymSMSuHmhugQLAWr99QQFTm+ZRht9ziUvdGOgB+esme1C6iE6Lg==
dependencies: dependencies:
semver "^7.3.5" semver "^7.3.5"
@ -5312,14 +5312,14 @@ prettier-linter-helpers@^1.0.0:
fast-diff "^1.1.2" fast-diff "^1.1.2"
prettier-plugin-tailwindcss@^0.5.2: prettier-plugin-tailwindcss@^0.5.2:
version "0.5.2" version "0.5.3"
resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.2.tgz#87155de50ee085e743504c5843d26f29899272f7" resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.3.tgz#ed4b31ee75bbce1db4ac020a859267d5b65ad8df"
integrity sha512-i4swJk4f8YWK99BRPX3DdDNwMr6U1X8y9rvxGeX5zf090+SsHpPSVjgOb041Hh6/nZJWPi/JYno9UgBDm+/RxA== integrity sha512-M5K80V21yM+CTm/FEFYRv9/9LyInYbCSXpIoPAKMm8zy89IOwdiA2e4JVbcO7tvRtAQWz32zdj7/WKcsmFyAVg==
prettier@^3.0.1: prettier@^3.0.1:
version "3.0.1" version "3.0.2"
resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.1.tgz#65271fc9320ce4913c57747a70ce635b30beaa40" resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
integrity sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ== integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
pretty-data@^0.40.0: pretty-data@^0.40.0:
version "0.40.0" version "0.40.0"
@ -6365,6 +6365,11 @@ synckit@^0.8.5:
"@pkgr/utils" "^2.3.1" "@pkgr/utils" "^2.3.1"
tslib "^2.5.0" tslib "^2.5.0"
tailwind-scrollbar@^3.0.5:
version "3.0.5"
resolved "https://registry.yarnpkg.com/tailwind-scrollbar/-/tailwind-scrollbar-3.0.5.tgz#c904118f4f1a572edef93da2d436e1db8b93dd87"
integrity sha512-0ZwxTivevqq9BY9fRP9zDjHl7Tu+J5giBGbln+0O1R/7nHtBUKnjQcA1aTIhK7Oyjp6Uc/Dj6/dn8Dq58k5Uww==
tailwindcss@^3.3.2: tailwindcss@^3.3.2:
version "3.3.3" version "3.3.3"
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.3.tgz#90da807393a2859189e48e9e7000e6880a736daf" resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.3.tgz#90da807393a2859189e48e9e7000e6880a736daf"