diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-11-14 15:11:22 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-14 19:06:42 +0100 |
| commit | a3a4c50f26b8750ae1c87f1f1103b84b7d2e6315 (patch) | |
| tree | ae286c7c6b3ab4f556f20adf5e42b24641351296 /src/components/organisms/widgets/links-list-widget.module.scss | |
| parent | 50f1c501a87ef5f5650750dbeca797e833ec7c3a (diff) | |
refactor(components): replace LinksListWidget with LinksWidget
* avoid List component repeat
* rewrite tests and CSS
* add an id to LinksWidgetItemData (previously LinksListItems) type
because the label could be duplicated
Diffstat (limited to 'src/components/organisms/widgets/links-list-widget.module.scss')
| -rw-r--r-- | src/components/organisms/widgets/links-list-widget.module.scss | 71 |
1 files changed, 0 insertions, 71 deletions
diff --git a/src/components/organisms/widgets/links-list-widget.module.scss b/src/components/organisms/widgets/links-list-widget.module.scss deleted file mode 100644 index 4efc2d4..0000000 --- a/src/components/organisms/widgets/links-list-widget.module.scss +++ /dev/null @@ -1,71 +0,0 @@ -@use "../../../styles/abstracts/functions" as fun; -@use "../../../styles/abstracts/placeholders"; - -.widget { - .list { - .list { - padding: 0; - - > *:first-child { - border-top: fun.convert-px(1) solid var(--color-primary); - } - } - - &__link { - display: block; - padding: var(--spacing-2xs) var(--spacing-xs); - background: none; - text-decoration: underline solid transparent 0; - - &:hover, - &:focus { - background: var(--color-bg-secondary); - font-weight: 600; - } - - &:focus { - color: var(--color-primary); - text-decoration-color: var(--color-primary-light); - text-decoration-thickness: 0.25ex; - } - - &:active { - background: var(--color-bg-tertiary); - text-decoration-color: transparent; - text-decoration-thickness: 0; - } - } - - &--ordered { - counter-reset: link; - - .list__link { - counter-increment: link; - - &::before { - padding-right: var(--spacing-2xs); - content: counters(link, ".") ". "; - color: var(--color-secondary); - } - } - } - - &__item { - &:not(:last-child) { - border-bottom: fun.convert-px(1) solid var(--color-primary); - } - - > .list { - .list__link { - padding-left: var(--spacing-md); - } - - .list__item > .list { - .list__link { - padding-left: var(--spacing-xl); - } - } - } - } - } -} |
