mirror of
https://github.com/BBaoVanC/bobatheme.git
synced 2025-06-12 09:47:29 -05:00
Add "Skip to main content" tab-focusable button
- https://webaim.org/techniques/skipnav/ - https://css-tricks.com/how-to-create-a-skip-to-content-link/
This commit is contained in:
@ -378,6 +378,22 @@ h1 svg.icon {
|
||||
}
|
||||
/* }}} */
|
||||
|
||||
/* Skip to main content {{{ */
|
||||
#skip-to-main {
|
||||
position: absolute;
|
||||
padding: 8px;
|
||||
background-color: var(--text-0);
|
||||
color: var(--background-0);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
#skip-to-main:focus {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
#main-content:target {
|
||||
animation: none; /* prevent it from turning yellow */
|
||||
}
|
||||
/* }}} */
|
||||
|
||||
/* Breadcrumb navigation {{{ */
|
||||
|
||||
.breadcrumb {
|
||||
|
Reference in New Issue
Block a user