styled front page with colors and sizes

sass/base/elements/_body.scss

@@ -12,3 +12,4 @@ body {
   display: flex;
   align-items: center;
 }
+

sass/base/elements/_lists.scss

@@ -26,3 +26,36 @@ dd {
 	margin: 0 0 0.5em 0.5em;
 	padding: 0;
 }
+
+.oficina-support-label {
+  margin: 0;
+  padding: 0;
+  display: inline;
+   li {
+    display:inline-block;
+    margin:0.1rem;
+    padding: 0 0.2rem;
+		color: $color__white;
+		background-color: $color__black;
+		font-family: $font__black;
+    font-size: $font__size-body*0.7;
+    text-transform: uppercase;
+	}
+}
+  .item-os_fund_target li {
+		background-color: $color__orange;
+  }
+  .item-os_fund_source li {
+		background-color: $color__lightblue;
+  }
+  .item-os_fund_field li {
+		background-color: $color__yellow;
+  }
+  .item-os_fund_call {
+		display: block;
+		margin:0.2rem 0.1rem;
+		li {
+      font-size: $font__size-body*1.2;
+		}
+  }
+

style.css

@@ -617,6 +617,44 @@ dd {
 	padding: 0;
 }
 
+.oficina-support-label {
+	margin: 0;
+	padding: 0;
+	display: inline;
+}
+
+.oficina-support-label li {
+	display: inline-block;
+	margin: 0.1rem;
+	padding: 0 0.2rem;
+	color: #fff;
+	background-color: #000;
+	font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-size: 0.7rem;
+	text-transform: uppercase;
+}
+
+.item-os_fund_target li {
+	background-color: #ff8d76;
+}
+
+.item-os_fund_source li {
+	background-color: #5bcee8;
+}
+
+.item-os_fund_field li {
+	background-color: #f6cc4c;
+}
+
+.item-os_fund_call {
+	display: block;
+	margin: 0.2rem 0.1rem;
+}
+
+.item-os_fund_call li {
+	font-size: 1.2rem;
+}
+
 /* Make sure embeds and iframes fit their containers. */
 embed,
 iframe,

template-parts/section-list-checkbox.php

@@ -16,11 +16,11 @@
   $fielditerate = $args['os_acf_field'];
   ?>
 
-  <?php
+<?php
       $values= get_field($fielditerate);
       if( $values ): 
       ?>
-     <ul class="oficina-support-label color-<?php echo $fielditerate ?>">
+      <ul class="oficina-support-label item-<?php echo $fielditerate ?>">
       <?php foreach( $values as $value ): ?>
         <li><?php echo $value; ?></li>
       <?php endforeach; ?>