From 4f768afe543bbf9e1857c41d03804f8e37ab3512 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 29 Sep 2023 21:29:45 +0200
Subject: refactor(components): rewrite List component

* change `items` prop to children
* replace `kind` prop with `isHierarchical`, `isOrdered` & `isInline` props
* add `hideMarker` prop
* add `spacing` prop to control item spacing
* move lists styles to Sass placeholders to avoid repeats because of
headless WordPress
---
 src/components/atoms/lists/list.module.scss | 45 -----------------------------
 1 file changed, 45 deletions(-)
 delete mode 100644 src/components/atoms/lists/list.module.scss

(limited to 'src/components/atoms/lists/list.module.scss')

diff --git a/src/components/atoms/lists/list.module.scss b/src/components/atoms/lists/list.module.scss
deleted file mode 100644
index cbb391e..0000000
--- a/src/components/atoms/lists/list.module.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-@use "../../../styles/abstracts/placeholders";
-
-.list {
-  margin: 0;
-
-  ::marker {
-    color: var(--color-primary-dark);
-  }
-
-  &--ordered {
-    padding: 0;
-    counter-reset: li;
-    list-style-type: none;
-  }
-
-  &--ordered &__item {
-    display: table;
-    counter-increment: li;
-
-    &::before {
-      content: counters(li, ".") ". ";
-      display: table-cell;
-      padding-right: var(--spacing-2xs);
-      color: var(--color-secondary);
-    }
-  }
-
-  &--unordered {
-    padding: 0 0 0 var(--spacing-sm);
-  }
-
-  &--flex {
-    @extend %reset-list;
-
-    display: flex;
-    flex-flow: row wrap;
-    gap: var(--spacing-sm);
-  }
-
-  &--flex &--flex {
-    display: initial;
-    position: relative;
-    top: var(--spacing-2xs);
-  }
-}
-- 
cgit v1.2.3