-
Notifications
You must be signed in to change notification settings - Fork 1
feat: footer #51
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: footer #51
Conversation
| skipToContentLink.innerText = "Skip to main content"; | ||
|
|
||
| return skipToContentLink; | ||
| } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is a brilliant addition to our toolbox.
feat: footer links feat: footer copyright feat: main content has an id feat: main nav has a skip link feat: footer has bypass block feat: blocks-helpers houses helper scripts
arnest00
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fantastic work on this. Just one question but otherwise I think we're about ready for a rocket-shaped emoji.
| } | ||
| } | ||
|
|
||
| /* ** Typography ** */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for labeling these sections.
| display: block; | ||
| max-width: 9.5rem; | ||
| color: var(--color-text-dark); | ||
| margin-bottom: 1rem; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice, covering the case if there were ever no footer-links.
blocks/footer/footer.css
Outdated
| &:has(#color-scheme option[value="dark"]:checked) { | ||
| --color-background-footer: var(--spectrum-gray-50); | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We've applied the anti-aliasing properties on the body element in base.css, is stating it here redundant?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
it sure is
arnest00
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Vielen dank, Catherine 🚀
Summary of changes
Relevant Links
Test URLs:
Validation
Review the Footer component
Review the Skip Link component
<main>element has anidand shine a blacklight on that thing to make sure it's a real ID and not one I just made in my garage and sold to the element for $15.