Fix opinion SpecialReportAlt card outside of palette

guardian · Mar 23, 2023 · b47b675 · b47b675
1 parent 512646e
commit b47b675
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/static/src/stylesheets/module/facia-garnett/item-types/_fc-item--type-comment.scss b/static/src/stylesheets/module/facia-garnett/item-types/_fc-item--type-comment.scss
@@ -284,14 +284,33 @@
         @include colours(map-get($pillars, opinion));
 
         &.fc-item--pillar-special-report-alt {
-            @include colours(map-get($pillars, special-report-alt));
+            background-color: $special-report-alt-faded;
+
+            .fc-item__timestamp,
+            .fc-trail__count--commentcount {
+                background-color: $special-report-alt-faded;
+            }
+
+            .fc-item__meta {
+                color: $special-report-alt-dark;
+            }
+
+            .fc-item__container.u-faux-block-link--hover {
+                background-color: darken($special-report-alt-pastel, 5%);
+
+                .fc-item__timestamp,
+                .fc-trail__count--commentcount {
+                    background-color: darken($special-report-alt-pastel, 5%);
+
+                }
+            }
         }
     }
 }
 
 .fc-item--pillar-special-report-alt {
     .fc-item__container > .fc-item__meta {
-        @include multiline(3, rgba(60, 60, 60, .3));
+        @include multiline(3, rgba(112, 112, 112, .3));
 
         display: flex;
         position: absolute;