mirror of
https://github.com/13hannes11/hugo-coder-timeline.git
synced 2024-09-04 00:50:58 +02:00
Change link styles when in a post (#15)
The difference between bolded text and links/ anchors was almost none which lead to confusion and having to hover to see which words are links and which ones are bold. This commit implements best practices for accessibility by having links in posts( and only in posts) be underlined.
This commit is contained in:
committed by
Luiz F. A. de Prá
parent
826fa2ee18
commit
a83b909eea
@@ -2,6 +2,7 @@
|
||||
@fg-color: #323232;
|
||||
@darker-bg-color: #dcdcdc;
|
||||
@darker-fg-color: #000;
|
||||
@link-color: #3366CC;
|
||||
|
||||
|
||||
*,
|
||||
@@ -42,6 +43,16 @@ a {
|
||||
|
||||
p {
|
||||
margin: 1.6rem 0 1.6rem 0;
|
||||
a {
|
||||
font-weight: 400;
|
||||
color: @darker-fg-color;
|
||||
text-decoration: underline;
|
||||
text-underline-position: under;
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: @link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
|
||||
Reference in New Issue
Block a user