fix: book outline + focus state
This commit is contained in:
parent
4e49d0faae
commit
40ad47aacb
3 changed files with 13 additions and 4 deletions
4
package-lock.json
generated
4
package-lock.json
generated
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "coryd.dev",
|
"name": "coryd.dev",
|
||||||
"version": "22.5.2",
|
"version": "22.5.3",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "coryd.dev",
|
"name": "coryd.dev",
|
||||||
"version": "22.5.2",
|
"version": "22.5.3",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@cdransf/api-text": "^1.5.0",
|
"@cdransf/api-text": "^1.5.0",
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "coryd.dev",
|
"name": "coryd.dev",
|
||||||
"version": "22.5.2",
|
"version": "22.5.3",
|
||||||
"description": "The source for my personal site. Built using 11ty (and other tools).",
|
"description": "The source for my personal site. Built using 11ty (and other tools).",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|
|
@ -13,6 +13,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& a:has(img) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
& img {
|
& img {
|
||||||
max-width: calc(var(--sizing-3xl) * 4);
|
max-width: calc(var(--sizing-3xl) * 4);
|
||||||
height: auto;
|
height: auto;
|
||||||
|
@ -22,8 +27,12 @@
|
||||||
transition-duration: 300ms;
|
transition-duration: 300ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
& a:hover img,
|
|
||||||
& a:focus img,
|
& a:focus img,
|
||||||
|
& a:focus-within img {
|
||||||
|
border: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
& a:hover img,
|
||||||
& a:active img {
|
& a:active img {
|
||||||
border-color: var(--accent-color-hover)
|
border-color: var(--accent-color-hover)
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue