aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/widgets/links-list-widget.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-11-14 15:11:22 +0100
committerArmand Philippot <git@armandphilippot.com>2023-11-14 19:06:42 +0100
commita3a4c50f26b8750ae1c87f1f1103b84b7d2e6315 (patch)
treeae286c7c6b3ab4f556f20adf5e42b24641351296 /src/components/organisms/widgets/links-list-widget.module.scss
parent50f1c501a87ef5f5650750dbeca797e833ec7c3a (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.scss71
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);
- }
- }
- }
- }
- }
-}