add .recent class to timestamps with red color styling

Author: gabrielakhanna

dist/saratoga.css

@@ -166,6 +166,10 @@ time, .time, .byline {
   font: 0.778rem/1em var(--sans);
 }
 
+time.recent, .time.recent {
+  color: var(--red);
+}
+
 .byline a {
   color: inherit;
   font-weight: bold;

layouts/shortcodes/big-news.html

@@ -4,15 +4,15 @@ <h5 class="latest h3">LATEST NEWS</h5>
   <div class="grid" data-children="3">
     <article class="package" data-tb-region-item>
       <h3 class="h4"><a href="#" data-tb-link data-tb-title>Looking for water or gas? Here are some places that have them </a></h3>
-      <time data-tb-date>February 23, 2018 2PM</time>
+      <time data-tb-date class="recent">February 23, 2018 2PM</time>
     </article>
     <article class="package" data-tb-region-item>
       <h3 class="h4"><a href="#" data-tb-link data-tb-title>Hurricane Irma makes landfall in the Carribean: where's she headed next</a></h3>
-      <time data-tb-date>February 23, 2018 2PM</time>
+      <time data-tb-date class="recent">February 23, 2018 2PM</time>
     </article>
     <article class="package" data-tb-region-item>
       <h3 class="h4"><a href="#" data-tb-link data-tb-title>Hurricane Irma's menacing eye strenghens</a></h3>
-      <time data-tb-date>February 23, 2018 2PM</time>
+      <time data-tb-date class="recent">February 23, 2018 2PM</time>
     </article>
   </div>
   <article id="lead-story" data-tb-region-item>

static/css/atoms.css

@@ -179,6 +179,10 @@ time, .time, .byline {
   font: 0.778rem/1em var(--sans);
 }
 
+time.recent, .time.recent {
+  color: var(--red);
+}
+
 .byline a {
   color: inherit;
   font-weight: bold;