Просмотр исходного кода

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 лет назад
Родитель
Сommit
a83b909eea
2 измененных файлов с 11 добавлено и 0 удалено
  1. 0 0
      static/css/style.min.css
  2. 11 0
      static/less/style.less

Разница между файлами не показана из-за своего большого размера
+ 0 - 0
static/css/style.min.css


+ 11 - 0
static/less/style.less

@@ -2,6 +2,7 @@
 @fg-color: #323232;
 @fg-color: #323232;
 @darker-bg-color: #dcdcdc;
 @darker-bg-color: #dcdcdc;
 @darker-fg-color: #000;
 @darker-fg-color: #000;
+@link-color: #3366CC;
 
 
 
 
 *,
 *,
@@ -42,6 +43,16 @@ a {
 
 
 p {
 p {
   margin: 1.6rem 0 1.6rem 0;
   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,
 h1,

Некоторые файлы не были показаны из-за большого количества измененных файлов