feat: added iconography for all specs

Author: Kapil Gowru

fern/assets/styles.css

@@ -693,17 +693,18 @@ a[href*="changelog"] svg {
   .language-icons {
     display: flex;
     align-items: center;
-    gap: 0.75rem;
+    flex-wrap: wrap;
   }
 
   .language-icons-label {
     font-size: 0.875rem;
     color: #62636c;
+    margin-right: 0.5rem;
   }
 
   .language-icon {
-    width: 24px;
-    height: 24px;
+    width: 2rem;
+    height: 2rem;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -719,8 +720,8 @@ a[href*="changelog"] svg {
   }
 
   .language-icon-img {
-    width: 16px;
-    height: 16px;
+    width: 1.25rem;
+    height: 1.25rem;
     object-fit: contain;
   }
 
@@ -916,32 +917,10 @@ a[href*="changelog"] svg {
       font-size: 1.0625rem;
     } */
 
-    .language-icons {
-      flex-wrap: wrap;
-      gap: 1rem;
-    }
-
     .language-icons-label {
       width: 100%;
     }
 
-    .language-icon {
-      width: 2rem;
-      height: 2rem;
-      margin: -0.25rem;
-      
-      &:hover {
-        background-color: var(--grayscale-a4);
-        transform: scale(1.1);
-        transition: all 0.2s ease;
-      }
-    }
-
-    .language-icon-img {
-      width: 20px;
-      height: 20px;
-    }
-
     .action-buttons {
       flex-direction: row;
       gap: 0.75rem;
@@ -968,11 +947,6 @@ a[href*="changelog"] svg {
       }
     }
 
-    .specs-grid {
-      flex-direction: column;
-      align-items: flex-start;
-    }
-
     .specs-card {
       padding-left: 0;
       padding-right: 0;
@@ -1030,14 +1004,15 @@ a[href*="changelog"] svg {
       font-size: 1.25rem;
     }
 
-    .language-icon {
-      width: 28px;
-      height: 28px;
+    .specs-grid {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0.5rem;
     }
 
-    .language-icon-img {
-      width: 16px;
-      height: 16px;
+    .language-icons-label {
+      margin-right: 0;
+      margin-bottom: 0.5rem;
     }
   }
 }

fern/products/home/pages/welcome.mdx

@@ -261,7 +261,7 @@ import { FernFooter } from "../../../components/FernFooter";
           <p className="community-card-description">
             See our most recent product updates.
           </p>
-          <div className="flex flex-row gap-2 flex-wrap items-center">
+          <div className="flex flex-row flex-wrap items-center">
             <a className="language-icon" href="/docs/changelog">
               <img src="./images/fern-logo.svg" alt="Docs" className="language-icon-img" noZoom />
             </a>