feat(SW-213): Created Text Cols component and added to Blocks in Contentstack

2024-09-18 15:12:11 +02:00
parent 730f66d79a
commit f27dee0c56
8 changed files with 129 additions and 5 deletions
--- a/components/Content/Blocks/TextCols/textcols.module.css
+++ b/components/Content/Blocks/TextCols/textcols.module.css
@@ -0,0 +1,36 @@
+.columns {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x3);
+  padding: var(--Spacing-x3) var(--Spacing-x4);
+  background-color: var(--UI-Opacity-White-100);
+}
+
+.column {
+  padding-bottom: var(--Spacing-x2);
+  border-bottom: 1px solid var(--Base-Border-Subtle);
+  gap: var(--Spacing-x1);
+  display: flex;
+  flex-direction: column;
+}
+
+.text p {
+  color: var(--UI-Text-High-contrast);
+  line-height: var(--Spacing-x3);
+}
+
+.text section {
+  gap: 0;
+}
+
+@media (min-width: 768px) {
+  .columns {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+
+  .column {
+    flex: 0 0 calc(50% - var(--Spacing-x3));
+    max-width: calc(50% - var(--Spacing-x3));
+  }
+}