fix: Jargon term highlighting in dark mode

Fixes freesewing/freesewing#661
freesewing · Nov 2, 2020 · de15508 · de15508
1 parent de42aa6
commit de15508
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -31,3 +31,6 @@ yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*
 
+
+# Local Netlify folder
+.netlify
diff --git a/src/components/layouts/default.scss b/src/components/layouts/default.scss
@@ -71,10 +71,21 @@ div.mob-menu {
 .jargon-term {
   background: $oc-cyan-0;
   text-decoration: none;
+  background: #ffd43b42;
+  padding: 0 5px;
+  border-radius: 2px;
 }
 .jargon-term:after {
   display: none;
 }
+.theme-wrapper.dark {
+  .jargon-term {
+    text-decoration: none;
+  }
+  .jargon-term:after {
+    display: none;
+  }
+}
 
 img.gatsby-resp-image-image {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),