diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-29 21:29:45 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | 4f768afe543bbf9e1857c41d03804f8e37ab3512 (patch) | |
| tree | d751219a147688b5665c51db3c8dbdca1f1345ee /src/components/atoms/lists/list.module.scss | |
| parent | 9128c224c65f8f2a172b22a443ccb4573c7acd90 (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.scss | 45 |
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); - } -} |
