diff options
| author | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-25 17:45:04 +0800 |
|---|---|---|
| committer | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-25 17:45:04 +0800 |
| commit | 210a4c8671b368a3a240f9cb7a0bd1718a301523 (patch) | |
| tree | a2bec2a4f6ac5d84e871df30c7fc807cb75e286f /_site/assets | |
| parent | d4cea5b97e10978cc2ff0bee849a97ac5e82fbac (diff) | |
| download | www-210a4c8671b368a3a240f9cb7a0bd1718a301523.tar.gz | |
Link svg and fix nested navlink highlighting.
Diffstat (limited to '_site/assets')
| -rw-r--r-- | _site/assets/css/main.css | 15 | ||||
| -rw-r--r-- | _site/assets/img/external-link.svg | 6 |
2 files changed, 21 insertions, 0 deletions
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index e6c2231..fbc22f7 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -1,3 +1,7 @@ +:root { + --link-color: #2f2f2f; +} + body{ height: 100%; text-decoration-skip: ink; @@ -28,6 +32,17 @@ a { text-decoration: none; } +a.external::after { + background-color: var(--link-color); + content: ''; + display: inline-flex; + height: 10px; + margin-left: 4px; + width: 10px; + mask-size: cover; + mask-image: url(/assets/img/external-link.svg); +} + img { width: 100%; mix-blend-mode: multiply; diff --git a/_site/assets/img/external-link.svg b/_site/assets/img/external-link.svg new file mode 100644 index 0000000..2c04c7d --- /dev/null +++ b/_site/assets/img/external-link.svg @@ -0,0 +1,6 @@ +<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M1.5 3.5V14.5H12.5V10H14V15C14 15.5523 13.5523 16 13 16H1C0.447716 16 0 15.5523 0 15V3C0 2.44772 0.447715 2 1 2H6V3.5H1.5Z" fill="#FBFBFE"/> +<path d="M15.9217 1.17828L7.01473 10.0853L5.95407 9.02462L14.8611 0.117624L15.9217 1.17828Z" fill="#FBFBFE"/> +<path d="M7.5 0H16V1.5H7.5V0Z" fill="#FBFBFE"/> +<path d="M16 0L16 8.5L14.5 8.5L14.5 -6.55671e-08L16 0Z" fill="#FBFBFE"/> +</svg> |
