Merge branch 'main' into bdw-1790

score-spec · Nov 5, 2024 · 8aae805 · 8aae805
2 parents 9802b11 + 4782b8c
commit 8aae805
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 28 deletions.
diff --git a/assets/main.css b/assets/main.css
@@ -116,7 +116,7 @@
 
   #blog-post-content ol,
   #blog-post-content ul {
-    @apply mb-4;
+    @apply mb-4 pl-8;
   }
 
   #blog-post-content li {

diff --git a/assets/style.css b/assets/style.css
@@ -717,6 +717,7 @@ code,
 #blog-post-content ol,
   #blog-post-content ul {
   margin-bottom: 1rem;
+  padding-left: 2rem;
 }
 
 #blog-post-content li {
@@ -930,8 +931,8 @@ code,
   bottom: -30px;
 }
 
-.-top-5 {
-  top: -1.25rem;
+.-top-4 {
+  top: -1rem;
 }
 
 .left-0 {
@@ -966,22 +967,6 @@ code,
   top: auto;
 }
 
-.left-\[10\%\] {
-  left: 10%;
-}
-
-.left-\[11\%\] {
-  left: 11%;
-}
-
-.left-\[12\%\] {
-  left: 12%;
-}
-
-.-top-4 {
-  top: -1rem;
-}
-
 .z-0 {
   z-index: 0;
 }
@@ -1220,8 +1205,8 @@ code,
   width: 2rem;
 }
 
-.w-\[30rem\] {
-  width: 30rem;
+.w-\[32rem\] {
+  width: 32rem;
 }
 
 .w-\[90\%\] {
@@ -1237,10 +1222,6 @@ code,
   width: 100%;
 }
 
-.w-\[32rem\] {
-  width: 32rem;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1289,6 +1270,10 @@ code,
   max-width: 28rem;
 }
 
+.max-w-\[300px\] {
+  max-width: 300px;
+}
+
 .grow {
   flex-grow: 1;
 }
@@ -2022,6 +2007,10 @@ code,
     flex-direction: row-reverse;
   }
 
+  .lg\:items-center {
+    align-items: center;
+  }
+
   .lg\:justify-between {
     justify-content: space-between;
   }

diff --git a/layouts/partials/community/socials.html b/layouts/partials/community/socials.html
@@ -1,11 +1,11 @@
 {{ with site.Data.socials }}
     <section class="bg-dark py-24 border-b border-b-gray/50">
-      <div class="container grid grid-cols-1 lg:grid-cols-3 gap-20">
+      <div class="container flex flex-col lg:flex-row lg:items-center justify-center gap-20">
         {{ range . }}
-          <div class="flex flex-col lg:gap-y-6 gap-y-4">
+          <div class="flex flex-col lg:gap-y-6 gap-y-4 items-center">
             <img src="{{ site.BaseURL }}{{ .icon }}" alt="{{ .name }}" class="max-w-[160px]">
             <h3 class="text-white font-medium font-grostesk text-3xl">{{ .name }}</h3>
-            <p class="text-white/70 text-lg leading-[26px] font-graphik">{{ .text }}</p>
+            <p class="text-white/70 text-lg leading-[26px] font-graphik max-w-[300px] text-center">{{ .text }}</p>
             <a 
               href="{{ .link.url }}" 
               target="_blank"