From 237c135c31b4df942cc7570909018a26ebcc3482 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Wed, 27 Mar 2019 12:06:59 +0100 Subject: [PATCH] UI Timeline: support for dark backgrounds. Simply place the +timeline(project_id) mixin inside a div with a 'timeline-dark' class. --- src/styles/components/_timeline.sass | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/styles/components/_timeline.sass b/src/styles/components/_timeline.sass index 20ba858b..359dc2ee 100644 --- a/src/styles/components/_timeline.sass +++ b/src/styles/components/_timeline.sass @@ -23,3 +23,16 @@ body.is-mobile .timeline .js-asset-list @extend .card-deck-vertical + +.timeline-dark + .group-date + color: $color-text-light-hint + + .group-title + @extend .bg-transparent + border-bottom-color: rgba($color-background, .2) !important + color: rgba($color-background, .6) + + blockquote + background-color: rgba($color-background, .1) + box-shadow: inset 5px 0 0 rgba($color-background, .2)