diff options
Diffstat (limited to 'common')
| -rw-r--r-- | common/img/anchor_link.svg | 5 | ||||
| -rw-r--r-- | common/main.css | 21 |
2 files changed, 26 insertions, 0 deletions
diff --git a/common/img/anchor_link.svg b/common/img/anchor_link.svg new file mode 100644 index 0000000..0bf8d19 --- /dev/null +++ b/common/img/anchor_link.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"> + <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> + <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> + +</svg>
\ No newline at end of file diff --git a/common/main.css b/common/main.css index 0773a91..ba326cf 100644 --- a/common/main.css +++ b/common/main.css @@ -42,6 +42,10 @@ line-height: 24px; } +html { + scroll-behavior: smooth; +} + body { background-color: #ddd; } @@ -165,6 +169,23 @@ h2 { font-size: x-small; } +.anchor-link { + margin-right: 8px; + width: 16px; + height: 16px; + background-image: url(img/anchor_link.svg); + background-size: 16px 16px; + display: inline-block; + cursor: pointer; + opacity: 0.5; + transition: 0.25s; + transform: translateY(4px); +} + +.anchor-link:hover { + opacity: 1.0; +} + ul { width: fit-content; padding-left: 48px; |
