hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make text underlines uniform across browsers, scale them with the text

Browse Source
This commit is contained in:
daudix
2024-06-27 18:09:38 +03:00
parent 114b348581
commit bcba7405ef
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_external.scss
View File

@ -8,8 +8,8 @@
mask-size: cover; mask-size: cover;
margin-left: 0.25rem; margin-left: 0.25rem;
background-color: var(--primary-color); background-color: var(--primary-color);
width: 0.75rem; width: 0.75em;
height: 0.75rem; height: 0.75em;
content: ""; content: "";
:root[dir="rtl"] & { :root[dir="rtl"] & {

9
sass/_typography.scss
View File

@ -30,9 +30,10 @@ small {
} }
abbr[title] { abbr[title] {
-webkit-text-decoration: underline dotted;
cursor: help; cursor: help;
text-decoration: underline dotted; text-decoration: underline;
text-decoration-style: dotted;
text-decoration-thickness: max(1px, 0.0625em);
} }
figcaption { figcaption {
@ -84,10 +85,10 @@ kbd {
a { a {
color: var(--primary-color); color: var(--primary-color);
font-weight: bold; font-weight: bold;
text-decoration-thickness: max(1px, 0.0625em);
&:hover { &:hover {
-webkit-text-decoration: underline wavy; text-decoration-style: wavy;
text-decoration: underline wavy;
} }
} }