diff options
| author | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-01-10 17:44:16 +0300 |
|---|---|---|
| committer | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-01-10 17:44:16 +0300 |
| commit | ce02fbf498662ab31156dd7971c6f9c193e35b30 (patch) | |
| tree | 6cc1dcb087cd7150ea1c66ff1483526c84e9946b | |
| parent | 7d3225371f24da7478d239d34555de57c7b33674 (diff) | |
| download | missing-ce02fbf498662ab31156dd7971c6f9c193e35b30.tar.gz missing-ce02fbf498662ab31156dd7971c6f9c193e35b30.zip | |
change link styling
removing the outline that appears on hover and making the underline more
subtle
| -rw-r--r-- | releases/1.0.6.md | 1 | ||||
| -rw-r--r-- | src/main.css | 10 |
2 files changed, 4 insertions, 7 deletions
diff --git a/releases/1.0.6.md b/releases/1.0.6.md index dddb877..bf25efd 100644 --- a/releases/1.0.6.md +++ b/releases/1.0.6.md @@ -19,6 +19,7 @@ artifacts: - Missing.css is now available on npm: [`missing.css@1.0.6`][]. Thanks to esmiralha#6639@discord.com for implementing this! - Changes to button states + - Change link styling, removing the outline that appears on hover and making the underline more subtle - Use `--secondary-font` for `<dt>` element - Fixed an issue the first tab in a tablist would be focused on load diff --git a/src/main.css b/src/main.css index 51080f7..446be2a 100644 --- a/src/main.css +++ b/src/main.css @@ -279,19 +279,15 @@ a, .\<a\> { background: none; border: none; font-size: 1em; + text-decoration: 1px dashed underline; @nest .list-of-links & { text-decoration: none; } &:hover, &:focus { - text-decoration: none; - outline: 1px solid; - transition: outline-offset .1s ease-in-out; - } - - &:active { - outline-offset: 0; + text-decoration: 1px solid underline; + cursor: pointer; } } |