feat(site): Styling scroll-to-text fragments #238

eea · Sep 15, 2022 · 1883fcf · 1883fcf
2 parents 96f9f75 + 8368cbe
commit 1883fcf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/theme/themes/eea/globals/site.overrides b/theme/themes/eea/globals/site.overrides
@@ -40,3 +40,9 @@ h2, h3, h4, h5, h6 {
 .homepage {
   color: @tertiaryColor;
 }
+
+/* Add background and color for scroll-to-text fragments */
+::target-text {
+  background: @lightLavender;
+  color: @black;
+}
diff --git a/theme/themes/eea/globals/site.variables b/theme/themes/eea/globals/site.variables
@@ -373,6 +373,7 @@
 @lightBlue        : #75C9DB;
 @lightViolet      : #BFC0FF;
 @lightPurple      : #DE99FF;
+@lightLavender    : #E8D2FD;
 @lightPink        : #FFBFF1;
 @lightBrown       : #D9C2AD;
 @lightGrey        : #E6E7E8;