fix: social icons are now black

Social icons were rendered as hyperlinks, in blue

layouts/partials/utilities/widgetSocial.html

@@ -6,7 +6,7 @@
 
         <div class="flex mt-3 gap-3 text-xl">
             {{ range .Site.Data.home.top.link }}
-                <a href="{{.url}}"><i class="{{ .icon }}"></i></a>
+                <a href="{{.url}}"><i class="{{ .icon text-black}}"></i></a>
             {{end}}
         </div>
 

tailwindcss/tailwind.css

@@ -601,11 +601,6 @@ ul {
   margin-right: auto;
 }
 
-.my-auto {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
 .my-1\.5 {
   margin-top: 0.375rem;
   margin-bottom: 0.375rem;
@@ -616,6 +611,11 @@ ul {
   margin-bottom: 0.25rem;
 }
 
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
 .mt-8 {
   margin-top: 2rem;
 }
@@ -819,16 +819,16 @@ ul {
   line-height: 2.25rem;
 }
 
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -860,6 +860,11 @@ ul {
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
 
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);