Skip to content

Commit

Permalink
Try to fix filter invocation in sass
Browse files Browse the repository at this point in the history
The version of node-sass we're using uses an old version of libsass,
which has an `invert` function as a SASS function, and conflicts with
the filter property's invert() function. Use interpolation to try and
get around this.

Note that bumping sass would fix this, but newer sass is incompatible
with the repo's versions of gatsby and related libraries, so we can't do
that :(
  • Loading branch information
Shadowfiend committed May 1, 2024
1 parent fdcae85 commit e316c80
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/css/footer.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ footer {
svg {
transform-origin: top left;
transform: rotate(-90deg) translate(-100%, 0);
filter: invert();
filter: #{"invert"}#{"()"};
}
}

Expand Down

0 comments on commit e316c80

Please sign in to comment.