From ab35bf857cce23028f616ff0380bb35ddb454031 Mon Sep 17 00:00:00 2001 From: Timo Date: Wed, 30 Aug 2023 08:47:46 +0200 Subject: [PATCH] Even more cleaning --- src/header/styles.scss | 36 +++++++++++++----------------------- 1 file changed, 13 insertions(+), 23 deletions(-) diff --git a/src/header/styles.scss b/src/header/styles.scss index e0494d8b9b..405b58ae4f 100644 --- a/src/header/styles.scss +++ b/src/header/styles.scss @@ -17,10 +17,7 @@ width: 100%; flex-wrap: wrap; justify-content: space-between; - - &:not(.root-no-actions) { - row-gap: awsui.$space-xxs; - } + row-gap: awsui.$space-xxs; &-no-actions, &-has-description { @@ -30,19 +27,19 @@ } } + &-no-actions.refresh { + &.root-variant-h2, + &.root-variant-h3 { + row-gap: awsui.$space-scaled-xxxs; + } + } + // H3s are most often used inside containers, so minimal headings have extra padding below // to prevent info links from having overlapping touch targets with surrounding elements. &-no-actions:not(.root-has-description).refresh.root-variant-h3 { padding-bottom: awsui.$space-scaled-xs; } - &-no-actions.root-has-description { - &.refresh.root-variant-h2, - &.refresh.root-variant-h3 { - row-gap: awsui.$space-scaled-xxxs; - } - } - &-no-wrap { flex-wrap: nowrap; } @@ -95,16 +92,14 @@ &-variant-h1:not(.refresh) { padding: awsui.$space-scaled-xs 0; - .root-has-description > .main > & { - padding-bottom: 0; - } } &-variant-h2:not(.refresh), &-variant-h3:not(.refresh) { padding: awsui.$space-scaled-xxs 0; - .root-has-description > .main > & { - padding-bottom: 0; - } + } + + .root-has-description > .main > & { + padding-bottom: 0; } } @@ -161,12 +156,7 @@ &-variant-h1 { @include styles.font-body-m; - &:not(.refresh) { - padding-top: awsui.$space-scaled-xxs; - } - &.refresh { - padding-top: awsui.$space-scaled-xxs; - } + // padding-top: awsui.$space-scaled-xxs; } &-variant-h2 { font-size: awsui.$font-header-h2-description-size;