fix: topics takeaway styling

hlxsites · Dec 14, 2023 · c1f3b46 · c1f3b46
1 parent 65b6e5d
commit c1f3b46
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/blocks/takeway/takeway.css b/blocks/takeway/takeway.css
@@ -0,0 +1,7 @@
+.takeway ul {
+  @apply list-disc pl-4;
+}
+
+.takeway h2, .takeway h3, .takeway h4 {
+  @apply pt-8;
+}
diff --git a/styles/styles.css b/styles/styles.css
@@ -1268,6 +1268,15 @@ atomic-result-list::part(result-list-grid-clickable-container) {
 
 }
 
+.takeway ul {
+    list-style-type: disc;
+    padding-left: 1rem;
+}
+
+.takeway h2, .takeway h3, .takeway h4 {
+    padding-top: 2rem;
+}
+
 dialog::backdrop {
     inset: 0px;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity));

diff --git a/styles/tailwind.css b/styles/tailwind.css
@@ -22,6 +22,7 @@
 @import '../blocks/header/header.css';
 @import '../blocks/social-media/social-media.css';
 @import '../blocks/category-family/category-family.css';
+@import '../blocks/takeway/takeway.css';
 @import '../styles/modal/modal.css';
 
 @tailwind base;