clean up

Author: gabrielakhanna

layouts/partials/breaking-news-banner.html

@@ -1,11 +1,12 @@
 <!-- breaking news banner (for demo purposes) -->
 <div class="breaking-news-organism" id="primary-content">
   <div class="breaking-news-macro">
-      <div>
-          <h3 class="h4"><span class="breaking-title">BREAKING NEWS:  </span> <a href="https://alpha.montrealgazette.com/site-services/Newsletters/montreal-sports-newsletter/article54991.html"> Cricket is treated as the celebration in India </a></h3>
-      </div>
-      <div class="close-breaking-news">
-        <svg xmlns="http://www.w3.org/2000/svg" height="13.19px" viewBox="5.41 5.41 13.18 13.18" width="13.19px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/></svg>
-      </div>
+    <h3 class="h4">
+      <span class="breaking-title">BREAKING NEWS:  </span> 
+      <a href="https://alpha.montrealgazette.com/site-services/Newsletters/montreal-sports-newsletter/article54991.html"> Cricket is treated as the celebration in India </a>
+    </h3>  
+    <div class="close-breaking-news">
+      <svg xmlns="http://www.w3.org/2000/svg" height="13.19px" viewBox="5.41 5.41 13.18 13.18" width="13.19px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/></svg>
+    </div>
   </div>
 </div>

static/css/cards/breaking-news-banner.css

@@ -5,9 +5,10 @@
  */
 
  .breaking-news-organism {
-  --fill-color: var(--white);
   color: var(--white);
   background-color: var(--red);
+  --text-color: var(--white);
+  --fill-color: var(--text-color);
   max-width: 100%;
   height: 41px;
 }
@@ -28,11 +29,11 @@
   margin: 0;
 }
 
-.breaking-news-macro div.breaking-title {
-  font-weight: bold;
+.breaking-title {
+  font-weight: 400;
 }
 
-.breaking-news-macro div.close-breaking-news {
+.close-breaking-news {
   flex: none;
   align-content: center;
   opacity: 1;