diff --git a/static/src/stylesheets/module/facia-garnett/_pillars.scss b/static/src/stylesheets/module/facia-garnett/_pillars.scss index 64c6fd0ded7f..8cea07d9daba 100644 --- a/static/src/stylesheets/module/facia-garnett/_pillars.scss +++ b/static/src/stylesheets/module/facia-garnett/_pillars.scss @@ -347,6 +347,36 @@ $pillars: ( } } +section.fc-container--has-palette { + .fc-item--type-comment.fc-item--pillar-news.fc-item--has-cutout { + &.fc-item--type-comment { + .fc-item__avatar { + background-color: transparent; + } + + &:hover { + .fc-item__avatar { + background-color: transparent; + } + + .fc-item__timestamp, + .fc-trail__count--commentcount { + background-color: transparent; + } + } + } + } +} + +section.fc-container--has-palette.fc-container--special-report-alt-palette { + .fc-item.fc-item--type-comment.fc-item--pillar-news { + &.fc-item--type-comment { + .fc-item__container.u-faux-block-link--hover { + background-color: darken($special-report-alt-pastel, 5%); + } + } + } +} .fc-item--pillar-special-report, diff --git a/static/src/stylesheets/module/facia-garnett/_sublinks.scss b/static/src/stylesheets/module/facia-garnett/_sublinks.scss index 3e83cbed615c..4686d52c56a0 100644 --- a/static/src/stylesheets/module/facia-garnett/_sublinks.scss +++ b/static/src/stylesheets/module/facia-garnett/_sublinks.scss @@ -42,6 +42,16 @@ } } +section.fc-container--special-report-alt-palette { + .fc-sublinks { + .fc-sublink__title { + &:before { + border-top: 1px solid rgba(118, 118, 118, .3); + } + } + } +} + .fc-sublink__title.fc-sublink--pillar-special-report-alt { @include fs-headline(1); color: $brightness-7;