From ac3666f65bd81f48c8d88099310070eeff46fbd7 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Sat, 19 Aug 2023 21:56:32 +0100 Subject: Better Back To Top link layout --- public/css/modules/back-to-top.css | 4 ---- public/css/modules/btn.css | 44 ++++++++++++++++++++------------------ 2 files changed, 23 insertions(+), 25 deletions(-) delete mode 100644 public/css/modules/back-to-top.css (limited to 'public/css/modules') diff --git a/public/css/modules/back-to-top.css b/public/css/modules/back-to-top.css deleted file mode 100644 index 038f67b..0000000 --- a/public/css/modules/back-to-top.css +++ /dev/null @@ -1,4 +0,0 @@ -.back-to-top { - width: fit-content; - margin-inline-start: auto; -} \ No newline at end of file diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css index 1df9f5a..a928efe 100644 --- a/public/css/modules/btn.css +++ b/public/css/modules/btn.css @@ -1,22 +1,24 @@ .btn { - color: var(--text-color); - border: solid 2px var(--text-color); - font-weight: 500; - text-decoration: underline; - padding-inline: 0.5rem; - padding-block: 0.25rem; - background-color: transparent; - transition: - background-color 300ms, - text-decoration-color 300ms, - transform 50ms; - } - - .btn:hover { - background-color: var(--background-highlight-color); - text-decoration-color: transparent; - } - - .btn:active { - transform: scale(1.1, 1.1); - } \ No newline at end of file + display: block; + box-sizing: border-box; + color: var(--text-color); + border: solid 2px var(--text-color); + font-weight: 500; + text-align: center; + padding-inline: var(--padding-inline-md); + padding-block: var(--padding-block-sm); + background-color: transparent; + transition: + background-color 300ms, + text-decoration-color 300ms, + transform 50ms; +} + +.btn:hover { + background-color: var(--background-highlight-color); + text-decoration-color: transparent; +} + +.btn:active { + transform: scale(1.1, 1.1); +} \ No newline at end of file -- cgit v1.2.3