diff options
Diffstat (limited to 'src/components/atoms')
| -rw-r--r-- | src/components/atoms/lists/list.module.scss | 10 | ||||
| -rw-r--r-- | src/components/atoms/lists/list.tsx | 12 |
2 files changed, 2 insertions, 20 deletions
diff --git a/src/components/atoms/lists/list.module.scss b/src/components/atoms/lists/list.module.scss index f647072..95f9b40 100644 --- a/src/components/atoms/lists/list.module.scss +++ b/src/components/atoms/lists/list.module.scss @@ -7,10 +7,6 @@ color: var(--color-primary-dark); } - & & { - margin-top: var(--spacing-2xs); - } - &--ordered { padding: 0; counter-reset: li; @@ -33,12 +29,6 @@ padding: 0 0 0 var(--spacing-sm); } - &--has-margin &__item { - &:not(:last-child) { - margin-bottom: var(--spacing-2xs); - } - } - &--flex { @extend %reset-list; diff --git a/src/components/atoms/lists/list.tsx b/src/components/atoms/lists/list.tsx index 711ade1..aa0a241 100644 --- a/src/components/atoms/lists/list.tsx +++ b/src/components/atoms/lists/list.tsx @@ -33,10 +33,6 @@ export type ListProps = { * The list kind. */ kind?: 'ordered' | 'unordered' | 'flex'; - /** - * Set margin between list items. Default: true. - */ - withMargin?: boolean; }; /** @@ -49,11 +45,9 @@ const List: FC<ListProps> = ({ items, itemsClassName = '', kind = 'unordered', - withMargin = true, }) => { const ListTag = kind === 'ordered' ? 'ol' : 'ul'; const kindClass = `list--${kind}`; - const marginClass = withMargin ? 'list--has-margin' : 'list--no-margin'; /** * Retrieve the list items. @@ -66,7 +60,7 @@ const List: FC<ListProps> = ({ {value} {child && ( <ListTag - className={`${styles.list} ${styles[kindClass]} ${styles[marginClass]} ${className}`} + className={`${styles.list} ${styles[kindClass]} ${className}`} > {getItems(child)} </ListTag> @@ -76,9 +70,7 @@ const List: FC<ListProps> = ({ }; return ( - <ListTag - className={`${styles.list} ${styles[kindClass]} ${styles[marginClass]} ${className}`} - > + <ListTag className={`${styles.list} ${styles[kindClass]} ${className}`}> {getItems(items)} </ListTag> ); |
