Procházet 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 před 7 roky
rodič
revize
a83b909eea
2 změnil soubory, kde provedl 11 přidání a 0 odebrání
  1. 0 0
      static/css/style.min.css
  2. 11 0
      static/less/style.less

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 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,

Některé soubory nejsou zobrazeny, neboť je v těchto rozdílových datech změněno mnoho souborů