Selaa lähdekoodia

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.
Vlad Ionescu 7 vuotta sitten
vanhempi
commit
a83b909eea
2 muutettua tiedostoa jossa 11 lisäystä ja 0 poistoa
  1. 0 0
      static/css/style.min.css
  2. 11 0
      static/less/style.less

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
static/css/style.min.css


+ 11 - 0
static/less/style.less

@@ -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,

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä