[SITE CSS] add style for visited links

assets/css/main.css

@@ -26,6 +26,12 @@ a {
   a:active, a:hover, a:focus {
     color: #1f7001; }
 
+main p a {
+  text-decoration: underline; }
+
+main p a:visited {
+  color: #999999; }
+
 blockquote {
   font-size: 1.4em;
   border-left: 4px solid #dddddd;

assets/css/templates/photo.css

@@ -10,6 +10,9 @@ a {
   a:active, a:hover {
     color: #42ef01; }
 
+main p a:visited {
+  color: #cccccc; }
+
 @media (min-width: 544px) {
   nav ul.nav.main {
     color: #fff; } }

assets/scss/_mainvariables.scss

@@ -5,6 +5,7 @@ $color_accent: #2da301;
 
 $link_color: $color_accent;
 $link_active: darken($color_accent, 10%);
+$link_visited: lighten($color_font, 60%);
 
 $col_xxs_bp: 543px;
 
@@ -21,3 +22,4 @@ $color_bg_inv: #424242;
 $color_font_inv: #fff;
 $link_color_inv: lighten($color_accent, 5%);
 $link_active_inv: lighten($color_accent, 15%);
+$link_visited_inv: darken($color_font_inv, 20%);

assets/scss/main.scss

@@ -33,6 +33,14 @@ a {
     color: $link_active;
   }
 }
+main p {
+  a {
+    text-decoration: underline;
+  }
+  a:visited {
+    color: $link_visited;
+  }
+}
 blockquote {
   font-size: 1.4em;
   border-left: 4px solid #dddddd;

assets/scss/templates/photo.scss

@@ -18,6 +18,11 @@ a {
     color: $link_active_inv;
   }
 }
+main p {
+  a:visited {
+    color: $link_visited_inv;
+  }
+}
 @include media-breakpoint-up(sm) {
   nav {
     ul.nav.main {