pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

text background filter styles

Browse Source
This commit is contained in:
Andrew Croce 2018-09-19 12:02:02 -04:00
parent 8c4dda759c
commit e02fe24982
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
styles/components/_budget_chart.scss
View File

@ -60,11 +60,11 @@
} }
.budget-chart__block { .budget-chart__block {
fill: $color-white; fill: transparent;
cursor: pointer; cursor: pointer;
&--highlighted { &--highlighted {
fill: $color-aqua-lightest; fill: rgba($color-aqua, .15);
} }
&--is-expiration { &--is-expiration {
@ -72,13 +72,27 @@
} }
&:hover { &:hover {
fill: $color-aqua-lightest; fill: rgba($color-aqua, .15);
} }
} }
svg { svg {
display: block; display: block;
.filter__text-background {
feFlood {
flood-color: $color-white;
flood-opacity: 1;
}
&--highlighted {
feFlood {
flood-color: $color-aqua-lightest;
flood-opacity: 1;
}
}
}
a { a {
text-decoration: none; text-decoration: none;
&:focus { &:focus {
@ -86,6 +100,15 @@
stroke: $color-gray-light; stroke: $color-gray-light;
stroke-dasharray: 2px; stroke-dasharray: 2px;
} }
&:hover {
.filter__text-background {
feFlood {
flood-color: $color-aqua-lightest;
flood-opacity: 1;
}
}
}
} }
} }