Pārlūkot izejas kodu

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 gadi atpakaļ
vecāks
revīzija
a83b909eea
2 mainītis faili ar 11 papildinājumiem un 0 dzēšanām
  1. 0 0
      static/css/style.min.css
  2. 11 0
      static/less/style.less

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 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,

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels