Quellcode durchsuchen

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 vor 7 Jahren
Ursprung
Commit
a83b909eea
2 geänderte Dateien mit 11 neuen und 0 gelöschten Zeilen
  1. 0 0
      static/css/style.min.css
  2. 11 0
      static/less/style.less

Datei-Diff unterdrückt, da er zu groß ist
+ 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,

Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.