From 098a8783e791ee59e9681e824365836a28deb388 Mon Sep 17 00:00:00 2001 From: 1ilsang <1ilsang@naver.com> Date: Tue, 11 Jun 2024 15:05:00 +0900 Subject: [PATCH] feat(markdown): Add horizon scrollbar gradation color --- src/features/styles/markdown/_image.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/features/styles/markdown/_image.scss b/src/features/styles/markdown/_image.scss index a9b912c4..58787f63 100644 --- a/src/features/styles/markdown/_image.scss +++ b/src/features/styles/markdown/_image.scss @@ -66,5 +66,16 @@ width: 100%; overflow-x: scroll; gap: 0.3rem; + + &::-webkit-scrollbar { + height: 4px; + background-color: transparent; + } + + &::-webkit-scrollbar-thumb { + background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); + background-size: 400% 400%; + border-radius: 4px; + } } }