diff --git a/assets/scss/theme/theme.scss b/assets/scss/theme/theme.scss index 63045ea3..2f451974 100644 --- a/assets/scss/theme/theme.scss +++ b/assets/scss/theme/theme.scss @@ -8,8 +8,58 @@ font-weight: 500; } -a:hover { - font-weight: bold; +.navbar-nav .nav-link:hover { + border-bottom-color: #0056b3; + background-color: #f0f0f0; +} + +@if $enable-dark-mode { + @include color-mode(dark) { + .navbar-nav .nav-link:hover { + border-bottom-color: #66b2ff; + background-color: #333333; + } + } +} + +p a,li a { + text-decoration: none; + border-bottom: 2px solid transparent; /* Reserve space to prevent jumping */ + transition: border-color 0.3s; + font-weight: 500; +} +p a:hover,li a:hover { + border-bottom-color: #0056b3; + background-color: #f0f0f0; +} + +@if $enable-dark-mode { + @include color-mode(dark) { + p a:hover,li a:hover { + border-bottom-color: #66b2ff; + background-color: #333333; + } + } +} + +.toc a { + text-decoration: none; + border-bottom: 2px solid transparent; /* Reserve space to prevent jumping */ + transition: border-color 0.3s; + font-weight: 500; +} +.toc a:hover { + border-bottom-color: #0056b3; + background-color: #f0f0f0; +} + +@if $enable-dark-mode { + @include color-mode(dark) { + .toc a:hover { + border-bottom-color: #66b2ff; + background-color: #333333; + } + } } .fade-out-text { diff --git a/hugo_stats.json b/hugo_stats.json index 8a8836ad..f33e8cce 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -64,10 +64,12 @@ "accordion-item", "active", "align-items-center", + "align-items-start", "align-middle", "align-self-center", "align-top", "anchor", + "articles", "badge", "ball", "bg-body", @@ -202,6 +204,8 @@ "h-100", "h6", "heading", + "hero", + "hero-title", "highlight", "hstack", "html-video", @@ -271,6 +275,7 @@ "p-2", "p-3", "p-4", + "pb-4", "pb-5", "pe-1", "position-fixed", @@ -285,9 +290,11 @@ "pt-4", "pt-5", "pt-md-0", + "px-%!d(string=0)", "px-3", "px-4", "px-xxl-0", + "py-%!d(string=0)", "py-1", "py-2", "py-3", @@ -321,6 +328,7 @@ "table-responsive", "table-responsive-md", "table-striped", + "text-", "text-bg-body", "text-bg-secondary", "text-body", @@ -358,6 +366,7 @@ "2-factor-authentication-2fa", "2fa-user", "a-note-about-user-verification", + "about-passkeysdev", "accordion-default", "accordion-default-heading-0", "accordion-default-item-0",