mfbs

commit

884e41913fa93df45ebbf60d790337538225f661

parent

3e504dae46699600b218d420c84e9dd8e605cc53

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2018-01-19 08:48

change link styling

-	visited links are now styled differently
-	new variables added: $color-link-visited and $color-link-visited-focus
-	`:link`/`:visited` selectors are now used instead of `a`

Diffstat

2 files changed, 7 insertions, 5 deletions

diff --git a/sass/base.scss b/sass/base.scss

@@ -32,7 +32,7 @@ h1, h2, h3, h4, h5, h6 {
   32    32     }
   33    33 }
   34    34 
   35    -1 a {
   -1    35 :link {
   36    36     color: $color-link;
   37    37     text-decoration: underline;
   38    38 
@@ -41,12 +41,12 @@ a {
   41    41     }
   42    42 }
   43    43 
   44    -1 a:not([href]) {
   45    -1     color: inherit;
   46    -1     text-decoration: inherit;
   -1    44 :visited {
   -1    45     color: $color-link-visited;
   -1    46     text-decoration: underline;
   47    47 
   48    48     &:hover, &:focus, &:active {
   49    -1         color: inherit;
   -1    49         color: $color-link-visited-focus;
   50    50     }
   51    51 }
   52    52 

diff --git a/sass/variables.scss b/sass/variables.scss

@@ -5,7 +5,9 @@ $color-fg: #333 !default;
    5     5 $color-bg-tint: mix($color-bg, $color-fg, 95%) !default;
    6     6 $color-border: mix($color-bg, $color-fg, 60%) !default;
    7     7 $color-link: #26c !default;
   -1     8 $color-link-visited: mix($color-link, purple, 40%) !default;
    8     9 $color-link-focus: mix($color-link, $color-fg, 50%) !default;
   -1    10 $color-link-visited-focus: mix($color-link-visited, $color-fg, 50%) !default;
    9    11 $color-invalid: red !default;
   10    12 
   11    13 // lengths