diff --git a/src/components/overrides/Footer.astro b/src/components/overrides/Footer.astro index ee4806108eb7005..723871ff2d61ea1 100644 --- a/src/components/overrides/Footer.astro +++ b/src/components/overrides/Footer.astro @@ -154,10 +154,6 @@ if ( margin-top: 0 !important; } - :global(.pagination-links) { - margin-top: 3rem !important; - } - .feedback-prompt { h2 { color: var(--sl-color-white); diff --git a/src/styles/pagination.css b/src/styles/pagination.css new file mode 100644 index 000000000000000..8a70c3ecec3b543 --- /dev/null +++ b/src/styles/pagination.css @@ -0,0 +1,38 @@ +.pagination-links { + display: flex !important; + justify-content: space-between; + margin-top: 3rem; + + & > a { + flex-basis: unset; + flex-grow: unset; + width: fit-content; + + padding: unset; + border: unset; + box-shadow: unset; + + &[rel="prev"] { + text-align: right; + margin-right: auto; + } + + &[rel="next"] { + text-align: left; + margin-left: auto; + } + + & > span { + font-size: 0.75rem; + + .link-title { + font-size: 1rem; + } + } + + & > svg { + align-self: self-end; + color: theme("colors.cl1.brand.orange"); + } + } +}