feat(SW-322): implement two column list

2024-10-07 10:38:07 +02:00
parent 81ece30a0d
commit 5ea3410006
11 changed files with 118 additions and 26 deletions
--- a/components/Blocks/Shortcuts/TwoColumList/twoColumnList.module.css
+++ b/components/Blocks/Shortcuts/TwoColumList/twoColumnList.module.css
@@ -0,0 +1,31 @@
+.section {
+  display: grid;
+  border-radius: var(--Corner-radius-Medium);
+  border: 1px solid var(--Base-Border-Subtle);
+  overflow: hidden;
+}
+
+.columeOne {
+  border-bottom: 0.5px solid var(--Scandic-Beige-20);
+}
+
+.link {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}
+
+@media screen and (min-width: 1367px) {
+  .section {
+    grid-template-columns: 1fr 1fr;
+    column-gap: var(--Spacing-x2);
+    border-radius: 0;
+    border: none;
+  }
+
+  .columeOne,
+  .columnTwo {
+    height: fit-content;
+    border: 1px solid var(--Base-Border-Subtle);
+    border-radius: var(--Corner-radius-Medium);
+    overflow: hidden;
+  }
+}