From 58ed8799b9b5ab732b1acd21c4bd48b5963dd129 Mon Sep 17 00:00:00 2001 From: Kasper Birch Date: Thu, 7 Dec 2023 15:25:23 +0100 Subject: [PATCH] Remove unused HTML selectors in `.list-description` --- .../Lists/list-description/list-description.scss | 16 ++++------------ 1 file changed, 4 insertions(+), 12 deletions(-) diff --git a/src/stories/Library/Lists/list-description/list-description.scss b/src/stories/Library/Lists/list-description/list-description.scss index 8f1d678ca..bb6e3db9d 100644 --- a/src/stories/Library/Lists/list-description/list-description.scss +++ b/src/stories/Library/Lists/list-description/list-description.scss @@ -2,24 +2,18 @@ dl.list-description { @extend %text-small-caption; max-width: 420px; color: $c-text-secondary-gray; - // Todo: all the html selectors below should be deleted when the markup is updated in dpl-react project - & > div, // see Todo above + .list-description__item { display: grid; grid-template-columns: 1fr 2fr; } .list-description__key, - .list-description__value, - dt, // see Todo above - dd // see Todo above - { + .list-description__value { padding: 2px 4px; } - .list-description__value, - dd // see Todo above - { + .list-description__value { display: grid; @include breakpoint-s { display: flex; @@ -44,9 +38,7 @@ dl.list-description.list-description--event { grid-template-columns: 1fr; } - .list-description__value, - dd // see Todo above - { + .list-description__value { font-weight: bold; }