From 218e65a3eac9eef98ceba6973d2ef5fb76ecfa7e Mon Sep 17 00:00:00 2001 From: ice breaker <1324318532@qq.com> Date: Thu, 19 Sep 2024 17:56:33 +0800 Subject: [PATCH] chore: reset style --- blog-archived/client/assets/scss/global.scss | 100 +++++++++---------- 1 file changed, 50 insertions(+), 50 deletions(-) diff --git a/blog-archived/client/assets/scss/global.scss b/blog-archived/client/assets/scss/global.scss index 16eae6d..4ce91a4 100644 --- a/blog-archived/client/assets/scss/global.scss +++ b/blog-archived/client/assets/scss/global.scss @@ -71,53 +71,53 @@ html { } /* 隐藏 Chrome、Edge、Safari 浏览器的滚动条 */ -body::-webkit-scrollbar { - width: 0; - background: transparent; -} - -/* 自定义滚动条的轨道 */ -body::-webkit-scrollbar-track { - background: transparent; -} - -/* 自定义滚动条的滑块 */ -body::-webkit-scrollbar-thumb { - background-color: transparent; - border-radius: 10px; - transition: - background-color 0.3s, - width 0.3s; -} - -/* 滚动的时候显示滚动条 */ -body:active::-webkit-scrollbar-thumb { - background-color: rgb(0 0 0 / 40%); -} - -/* 鼠标悬停时,滚动条变宽和颜色加深 */ -body::-webkit-scrollbar-thumb:hover { - background-color: rgb(0 0 0 / 80%); - width: 8px; -} - -/* 滚动条不占用空间 (Chrome, Edge, Safari) */ -html { - scrollbar-gutter: stable; -} - -/* 针对 Firefox 的放大效果 */ -@media (hover: hover) { - body { - scrollbar-color: transparent transparent; - } - - body:active { - scrollbar-color: rgb(0 0 0 / 40%) transparent; - } - - body:hover { - scrollbar-color: rgb(0 0 0 / 80%) transparent; - scrollbar-width: thin; /* 确保宽度变化的效果 */ - } -} +// body::-webkit-scrollbar { +// width: 0; +// background: transparent; +// } + +// /* 自定义滚动条的轨道 */ +// body::-webkit-scrollbar-track { +// background: transparent; +// } + +// /* 自定义滚动条的滑块 */ +// body::-webkit-scrollbar-thumb { +// background-color: transparent; +// border-radius: 10px; +// transition: +// background-color 0.3s, +// width 0.3s; +// } + +// /* 滚动的时候显示滚动条 */ +// body:active::-webkit-scrollbar-thumb { +// background-color: rgb(0 0 0 / 40%); +// } + +// /* 鼠标悬停时,滚动条变宽和颜色加深 */ +// body::-webkit-scrollbar-thumb:hover { +// background-color: rgb(0 0 0 / 80%); +// width: 8px; +// } + +// /* 滚动条不占用空间 (Chrome, Edge, Safari) */ +// html { +// scrollbar-gutter: stable; +// } + +// /* 针对 Firefox 的放大效果 */ +// @media (hover: hover) { +// body { +// scrollbar-color: transparent transparent; +// } + +// body:active { +// scrollbar-color: rgb(0 0 0 / 40%) transparent; +// } + +// body:hover { +// scrollbar-color: rgb(0 0 0 / 80%) transparent; +// scrollbar-width: thin; /* 确保宽度变化的效果 */ +// } +// }