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;
margin-left: 0.25rem;
background-color: var(--primary-color);
width: 0.75rem;
height: 0.75rem;
width: 0.75em;
height: 0.75em;
content: "";
:root[dir="rtl"] & {

9
sass/_typography.scss
View File

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