aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/lists/list.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-09-29 21:29:45 +0200
committerArmand Philippot <git@armandphilippot.com>2023-11-11 18:14:41 +0100
commit4f768afe543bbf9e1857c41d03804f8e37ab3512 (patch)
treed751219a147688b5665c51db3c8dbdca1f1345ee /src/components/atoms/lists/list.module.scss
parent9128c224c65f8f2a172b22a443ccb4573c7acd90 (diff)
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
Diffstat (limited to 'src/components/atoms/lists/list.module.scss')
-rw-r--r--src/components/atoms/lists/list.module.scss45
1 files changed, 0 insertions, 45 deletions
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);
- }
-}