From 5242ab2e2ae445f379d94cc8096a6a82cea54888 Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Wed, 19 Sep 2018 10:46:09 -0400 Subject: [PATCH] expiration styles for budget chart --- styles/components/_budget_chart.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/styles/components/_budget_chart.scss b/styles/components/_budget_chart.scss index 92c22c39..0c37695e 100644 --- a/styles/components/_budget_chart.scss +++ b/styles/components/_budget_chart.scss @@ -67,6 +67,10 @@ fill: $color-aqua-lightest; } + &--is-expiration { + border-left: 2px dotted $color-gray; + } + &:hover { fill: $color-aqua-lightest; } @@ -96,6 +100,12 @@ } } + .budget-chart__expiration-line { + stroke-width: 2px; + stroke: $color-gray-light; + stroke-dasharray: 4px; + } + .budget-chart__cumulative__dot { fill: $color-gold; }