Browse Source

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 năm trước cách đây
mục cha
commit
a83b909eea
2 tập tin đã thay đổi với 11 bổ sung0 xóa
  1. 0 0
      static/css/style.min.css
  2. 11 0
      static/less/style.less

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 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,

Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác