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; }