aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2021-03-02 16:08:05 -0500
committerBryan Brattlof <hello@bryanbrattlof.com>2021-03-02 16:08:05 -0500
commit57e1cefb653efa73f2f6f9aed75f4da974bddea0 (patch)
treea8bca854851214255dbac373e0ed0c80c0827613
parent79b673f28b56a220fde465e94c2b96cf5064be48 (diff)
downloadbryanbrattlof.com-57e1cefb653efa73f2f6f9aed75f4da974bddea0.tar.gz
bryanbrattlof.com-57e1cefb653efa73f2f6f9aed75f4da974bddea0.tar.bz2
blend background color to code.scss
using the new 'code-blend' function, we should blend the font color inside <code> elements with the background colors
-rw-r--r--stylesheets/code.scss8
1 files changed, 5 insertions, 3 deletions
diff --git a/stylesheets/code.scss b/stylesheets/code.scss
index f87a8f3..9cb6940 100644
--- a/stylesheets/code.scss
+++ b/stylesheets/code.scss
@@ -1,7 +1,9 @@
-$normal-code-color: rgb(255, 255, 255);
-$inserted-code-color: rgb(230, 255, 230);
-$deleted-code-color: rgb(255, 229, 229);
+$normal-code-color: $background-color;
+$inserted-code-color: color-blend(
+ rgba(0, 255, 0, .15), $normal-code-color);
+$deleted-code-color: color-blend(
+ rgba(255, 0, 0, .15), $normal-code-color);
%code-block {
font-family: $code-font;