update line spacing and conditionally render sources heading

Author: AJaccP

assets/scss/components/_article-question.scss

@@ -22,8 +22,7 @@
     max-width: 65rem;
     margin: 0 auto;
     height: fit-content;
-    padding: 2.5rem;
-    line-height: 1.6rem;
+    padding: 2.5rem;    
   }
 
   &__title {
@@ -65,6 +64,7 @@
   &__body {
     font-size: 1.15rem;
     margin: 3rem 0;
+    line-height: 1.6rem;
   }
 
   &__sources {

assets/scss/components/_faq-question.scss

@@ -4,19 +4,30 @@
     min-height: 90vh;
     height: fit-content;
     padding-bottom: 5rem;
+    a {
+      color: #c40729;
+    }
+
+    a:hover {
+      color: #ff1f48;
+    }
+
+    a:visited {
+      color: #c40729;
+    }
   }
 
   &__content {
     max-width: 65rem;
     margin: 0 auto;
     height: fit-content;
-    padding: 2.5rem;
+    padding: 2.5rem;    
   }
 
   &__title {
     font-size: 2.5rem;
     font-weight: 700;
-    margin-bottom: 2rem;
+    height: fit-content;        
   }
 
   &__contributors {
@@ -26,6 +37,7 @@
   &__summary {
     font-size: 1.5rem;
     margin-bottom: 2rem;
+    line-height: 1.8rem;
   }
 
   &__last-updated {
@@ -37,6 +49,7 @@
     font-size: 1.15rem;
     margin: 3rem 0;
     margin-bottom: 4rem;
+    line-height: 1.6rem;
   }
 
   &__sources {

layouts/_default/article-question.html

@@ -35,18 +35,20 @@ <h1 class="article-question__title">{{ .Title }}</h1>
       </div>
       <div style="height: 0.2rem"></div>
       {{ with .Params.sources }}
-        <div class="resource__sources">
-          <div>
-            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
-            <span class="resource__sources__heading">Links and Sources</span>
+        {{ if gt (len .) 0 }}
+          <div class="resource__sources">
+            <div>
+              <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+              <span class="resource__sources__heading">Links and Sources</span>
+            </div>
+            {{ range $index, $source := . }}
+              <p>
+                ({{ add $index 1 }})
+                <a href="{{ $source.link }}">{{ $source.name }}</a>
+              </p>
+            {{ end }}
           </div>
-          {{ range $index, $source := . }}
-            <p>
-              ({{ add $index 1 }})
-              <a href="{{ $source.link }}">{{ $source.name }}</a>
-            </p>
-          {{ end }}
-        </div>
+        {{ end }}
       {{ end }}
     </div>
   </div>

layouts/_default/faq-question.html

@@ -35,19 +35,21 @@ <h1 class="faq-question__title">{{ .Title }}</h1>
       </div>
       <div style="height: 0.2rem"></div>
       {{ with .Params.sources }}
-        <div class="resource__sources">
-          <div>
-            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
-            <span class="resource__sources__heading">Links and Sources</span>
+        {{ if gt (len .) 0 }}
+          <div class="resource__sources">
+            <div>
+              <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+              <span class="resource__sources__heading">Links and Sources</span>
+            </div>
+            {{ range $index, $source := . }}
+              <p>
+                ({{ add $index 1 }})
+                <a href="{{ $source.link }}">{{ $source.name }}</a>
+              </p>
+            {{ end }}
           </div>
-          {{ range $index, $source := . }}
-            <p>
-              ({{ add $index 1 }})
-              <a href="{{ $source.link }}">{{ $source.name }}</a>
-            </p>
-          {{ end }}
-        </div>
-      {{ end }}      
+        {{ end }}
+      {{ end }}   
     </div>
   </div>
 {{ end }}