adding border element to community section, utilizing new base margin style

Author: Kayla Wilkins

themes/dlc/layouts/_default/libraries-tools.html

@@ -17,8 +17,8 @@ <h4 class="uppercase mb-4 w-full md:text-center">Language</h4>
         {{end}}
       </div>
       <button class="text-BaseBlue underline mt-4" onclick="uncheckAll('filters')">Reset Filters</button>
-      <div class="md:block md:text-center mt-12">
-        <h4 class="uppercase mb-4 w-full">Want More Help?</h4>
+      <div class="md:block md:text-center mt-16">
+        <h4 class="uppercase mb-4 w-full community-header">Want More Help?</h4>
         <a href="https://linode.com/community/questions" target="_blank" class="btn btn-small">Visit Linode Community</a>
       </div>
     </div>

themes/dlc/srcCSS/components/4_pages/libraries-tools.css

@@ -1,3 +1,15 @@
 .lib-item .bg-ThemeCell {
   min-height: 145px;
-}
+}
+
+.community-header:before {
+  @apply border-BaseGreen;
+  content: "";
+  display: block;
+  margin: 0 auto 24px;
+  box-sizing: border-box;
+  height: 2px;
+  width: 50px;
+  border-width: 2px;
+  border-style: solid;
+}