diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-20 22:35:48 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-20 22:35:48 +0200 |
| commit | fd2b47504a5ac424f23f7087af8ce7943fd5de88 (patch) | |
| tree | a7eccb093ac2b26aab1794d3e8e9663bfa05db09 /themes/danix-xyz-hacker/assets/css | |
| parent | fb00bf9e6bed3cebf72da8bf90df6c4b8b1e543e (diff) | |
| download | danixxyz-fd2b47504a5ac424f23f7087af8ce7943fd5de88.tar.gz danixxyz-fd2b47504a5ac424f23f7087af8ce7943fd5de88.zip | |
build: rebuild CSS for back-to-top button
Diffstat (limited to 'themes/danix-xyz-hacker/assets/css')
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.min.css | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css index 389a8b7..d9145d2 100644 --- a/themes/danix-xyz-hacker/assets/css/main.min.css +++ b/themes/danix-xyz-hacker/assets/css/main.min.css @@ -1735,6 +1735,34 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { /* Back to top button */ +.back-to-top { + position: fixed; + bottom: 1.5rem; + right: 1.5rem; + z-index: 40; + display: flex; + height: 2.75rem; + width: 2.75rem; + align-items: center; + justify-content: center; + border-radius: 9999px; + background: var(--accent); + box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.4); + transition: background 200ms ease, box-shadow 200ms ease; + color: #fff; +} + +.back-to-top:hover { + background: var(--accent); + filter: brightness(0.85); + box-shadow: 0 0 20px var(--accent); +} + +.back-to-top:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; +} + .sr-only { position: absolute; width: 1px; @@ -2096,6 +2124,16 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { 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)); } +.translate-y-0 { + --tw-translate-y: 0px; + 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)); +} + +.translate-y-4 { + --tw-translate-y: 1rem; + 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)); +} + .transform { 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)); } @@ -2614,6 +2652,14 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg { transition-duration: 300ms; } +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} + +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} + /* Dark theme (default) - CSS custom properties */ :root { |
