Prechádzať zdrojové kódy

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 rokov pred
rodič
commit
a83b909eea
2 zmenil súbory, kde vykonal 11 pridanie a 0 odobranie
  1. 0 0
      static/css/style.min.css
  2. 11 0
      static/less/style.less

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 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,

Niektoré súbory nie sú zobrazené, pretože je v týchto rozdielových dátach zmenené mnoho súborov