diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 21:01:31 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 21:01:31 +0100 |
| commit | d41d9e900a4ce25544a07113c082d762af2d9cc9 (patch) | |
| tree | 293193b091a3d23a9682a7956e5e332a4e1075ff | |
| parent | 5a85c56f760ddcb13ccc185e2f54c6928f7fcd3e (diff) | |
Pulls out back-to-top module
| -rw-r--r-- | public/css/modules/back-to-top.css | 4 | ||||
| -rw-r--r-- | public/css/modules/index.css | 3 | ||||
| -rw-r--r-- | public/main.css | 11 | ||||
| -rw-r--r-- | src/components/Footer.astro | 2 |
4 files changed, 7 insertions, 13 deletions
diff --git a/public/css/modules/back-to-top.css b/public/css/modules/back-to-top.css new file mode 100644 index 0000000..038f67b --- /dev/null +++ b/public/css/modules/back-to-top.css @@ -0,0 +1,4 @@ +.back-to-top { + width: fit-content; + margin-inline-start: auto; +}
\ No newline at end of file diff --git a/public/css/modules/index.css b/public/css/modules/index.css index 8766ef5..6a5cef1 100644 --- a/public/css/modules/index.css +++ b/public/css/modules/index.css @@ -1,3 +1,4 @@ @import './btn.css'; @import './link.css'; -@import './news-index.css';
\ No newline at end of file +@import './news-index.css'; +@import './back-to-top.css';
\ No newline at end of file diff --git a/public/main.css b/public/main.css index bb313b1..bc2f9b3 100644 --- a/public/main.css +++ b/public/main.css @@ -112,17 +112,6 @@ footer { padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));; } -.back-to-top-link { - width: fit-content; - margin-inline: auto; -} - -@media (min-width: 50rem) { - .back-to-top-link { - margin-inline-end: 0; - } -} - .product__header-block { display: flex; flex-wrap: wrap; diff --git a/src/components/Footer.astro b/src/components/Footer.astro index c636c8d..f1ee19c 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -8,7 +8,7 @@ const t = translate(locale); --- <footer> - <p class="back-to-top-link"> + <p class="back-to-top"> <a class="btn" href="#top">▴ {t(tSite, { key: 'back-to-top' })}</a> </p> </footer> |