Commit b1a4ef37 authored by Kaushal Modi's avatar Kaushal Modi

Try out implementing underlining using bottom border

parent 4c8814f2
......@@ -1220,24 +1220,36 @@ figcaption,
}
/* * Better link underlines */
/* Make them not overlap text */
a,
a:hover,
a:focus {
color: inherit;
}
a {
/* Underline using text-decoration-skip - Make them not overlap text */
/* https://walterebert.com/blog/using-text-decoration-color-and-text-decoration-skip-with-underlined-links/ */
text-decoration: underline;
-webkit-text-decoration-color: var(--theme-color);
text-decoration-color: var(--theme-color);
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
/* text-decoration: underline; */
/* -webkit-text-decoration-color: var(--theme-color); */
/* text-decoration-color: var(--theme-color); */
/* -webkit-text-decoration-skip: ink; */
/* text-decoration-skip: ink; */
/* Underline using bottom border */
text-decoration: none;
border-bottom: 1.1px var(--theme-color);
cursor: pointer;
border-bottom-style: dotted;
}
a:hover {
/* Underline using text-decoration-skip - Make them not overlap text */
/* https://walterebert.com/blog/using-text-decoration-color-and-text-decoration-skip-with-underlined-links/ */
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit;
/* -webkit-text-decoration-color: inherit; */
/* text-decoration-color: inherit; */
/* Underline using bottom border */
border-bottom-style: solid;
}
/* ** Remove underlines from certain links */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment