diff --git a/website/package.json b/website/package.json index a35a4c1824..deedb146e6 100644 --- a/website/package.json +++ b/website/package.json @@ -14,7 +14,7 @@ "esbuild-wasm": "^0.13.2", "express": "^4.17.1", "jsdom": "17.0.0", - "markdown-it": "^12.2.0", + "markdown-it": "^12.3.2", "mime": "^2.5.2", "morgan": "^1.10.0", "quick-lint-js-node-test-runner": "../tools/quick-lint-js-node-test-runner/" diff --git a/website/public/main.css b/website/public/main.css index 2615d515b5..a6df543d9b 100644 --- a/website/public/main.css +++ b/website/public/main.css @@ -166,6 +166,18 @@ nav.breadcrumbs ol > li:not(:first-child)::before { content: "➤ "; } +/* make "#" selected sections stand out */ +h4:target::before { + content: "👉"; /*TODO(😎): localize for different layout directions (e.g. rtl)*/ +} +h4:target { + transition-property: box-shadow, transform; + transition-duration: 333ms; + transition-timing-function: ease; + box-shadow: 0 0.8rem 1.0rem 0.1rem rgba(0, 0, 0, 0.2); + transform: translateY(-0.4rem); +} + @media (prefers-color-scheme: dark) { a:link { color: #3398e0; diff --git a/website/yarn.lock b/website/yarn.lock index eebd8c8018..6af7da0ed1 100644 --- a/website/yarn.lock +++ b/website/yarn.lock @@ -711,10 +711,10 @@ locate-path@^5.0.0: dependencies: p-locate "^4.1.0" -markdown-it@^12.2.0: - version "12.2.0" - resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-12.2.0.tgz#091f720fd5db206f80de7a8d1f1a7035fd0d38db" - integrity sha512-Wjws+uCrVQRqOoJvze4HCqkKl1AsSh95iFAeQDwnyfxM09divCBSXlDR1uTvyUP3Grzpn4Ru8GeCxYPM8vkCQg== +markdown-it@^12.3.2: + version "12.3.2" + resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-12.3.2.tgz#bf92ac92283fe983fe4de8ff8abfb5ad72cd0c90" + integrity sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg== dependencies: argparse "^2.0.1" entities "~2.1.0"