Maybe clean up
This commit is contained in:
parent
2165ed0c33
commit
db8d4597df
40 changed files with 404 additions and 332 deletions
|
|
@ -202,7 +202,8 @@
|
|||
}
|
||||
|
||||
main:focus-visible {
|
||||
outline: none;
|
||||
outline: 2px solid var(--color-accent);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
::selection {
|
||||
|
|
@ -534,7 +535,6 @@
|
|||
}
|
||||
|
||||
.tag-list a:hover,
|
||||
.tag-list a[aria-current='page'],
|
||||
.tag-list a[aria-current='true'] {
|
||||
color: var(--color-fg);
|
||||
}
|
||||
|
|
@ -647,10 +647,15 @@
|
|||
border-color: var(--color-rule-strong);
|
||||
}
|
||||
|
||||
.article-list > li:hover .entry-thumbnail img {
|
||||
.article-list > li:hover .entry-thumbnail img,
|
||||
.article-list > li:focus-within .entry-thumbnail img {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
.article-list > li:focus-within .entry-thumbnail {
|
||||
border-color: var(--color-rule-strong);
|
||||
}
|
||||
|
||||
.article-thumbnail {
|
||||
grid-area: thumb;
|
||||
align-self: center;
|
||||
|
|
@ -673,10 +678,8 @@
|
|||
transition: border-color 150ms ease;
|
||||
}
|
||||
|
||||
.project-card:hover {
|
||||
border-color: var(--color-rule-strong);
|
||||
}
|
||||
|
||||
.project-card:hover,
|
||||
.project-card:focus-within,
|
||||
.project-card:target {
|
||||
border-color: var(--color-rule-strong);
|
||||
}
|
||||
|
|
@ -695,7 +698,8 @@
|
|||
transition: transform 300ms ease;
|
||||
}
|
||||
|
||||
.project-card:hover .project-thumbnail img {
|
||||
.project-card:hover .project-thumbnail img,
|
||||
.project-card:focus-within .project-thumbnail img {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
|
|
@ -798,6 +802,7 @@
|
|||
|
||||
.post > .at-a-glance,
|
||||
.post > .post-thumbnail,
|
||||
.post > .post-gallery,
|
||||
.post-nav {
|
||||
max-width: var(--measure-wide);
|
||||
margin-inline: auto;
|
||||
|
|
@ -1089,6 +1094,7 @@
|
|||
|
||||
.post > .post-header,
|
||||
.post > .post-thumbnail,
|
||||
.post > .post-gallery,
|
||||
.post > .post-media,
|
||||
.post > .post-nav {
|
||||
grid-column: 1 / -1;
|
||||
|
|
@ -1242,6 +1248,15 @@
|
|||
gap: var(--space-6);
|
||||
}
|
||||
|
||||
.post > .post-gallery {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.post-gallery .post-media {
|
||||
max-inline-size: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* -- External link affordance ----------------------------------------- */
|
||||
|
||||
.external-link-icon {
|
||||
|
|
@ -1304,6 +1319,10 @@
|
|||
border-color: var(--color-rule-strong);
|
||||
}
|
||||
|
||||
.no-js .theme-switcher {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.theme-switcher::before,
|
||||
.theme-switcher::after {
|
||||
content: '';
|
||||
|
|
@ -1414,7 +1433,7 @@
|
|||
padding-block: var(--space-4);
|
||||
}
|
||||
|
||||
.article-list > li > div {
|
||||
.article-list > li > article {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1447,6 +1466,13 @@
|
|||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
/* Preserve the inset outline on <main> so the post-skip-link focus ring
|
||||
doesn't escape its container. Repeated here because this layer wins
|
||||
over the base rule regardless of selector specificity. */
|
||||
main:focus-visible {
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.post-nav__list {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue