Add class="contrast" to <a> elements

Author: oleksis

assets/css/bpd.css

@@ -55,11 +55,14 @@ input::-moz-focus-inner {
   padding: 0;
 }
 
-article.post-list a,
+article.post-list a {
+  color: #00a2c3;
+}
+
 article.pico-background-pumpkin-650 a.contrast,
 article.pico-background-pumpkin-800 a.contrast,
 article.pico-background-zinc-800 a.contrast {
-  color: #00a2c3;
+  color: #03d5ff;
 }
 
 div#newsletter {

index.html

@@ -20,13 +20,13 @@ <h3 class="pico-color-pumpkin-50">Diversity By Inclusion</h3>
   <article class="pico-background-pumpkin-800">
     <h3 class="pico-color-pumpkin-50">Extend their reach</h3>
     <p class="pico-color-pumpkin-50">Great programs exist. Our goal is to help those programs make it our local communities.</p>
-    <p><a href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about">Learn More</a></p>
   </article>
   <article class="pico-background-zinc-800"
   ">
     <h3 class="pico-color-pumpkin-50">Say it loud!</h3>
     <p class="pico-color-pumpkin-50">Our stack and our decisions are open source by default and we share what we're doing as loudly and often as possible.</p>
-    <p><a href="/about">Learn More</a></p>
+    <p><a class="contrast" href="/about">Learn More</a></p>
   </article>
 </div>