Merge pull request #361 from nature-of-code/dev/fill-in-blank

Make fill-in-blank text transparent and add background
nature-of-code · Aug 1, 2023 · bd773ea · bd773ea
2 parents b6eb2b6 + 2588d74
commit bd773ea
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/magicbook/stylesheets/components/codesplit.scss b/magicbook/stylesheets/components/codesplit.scss
@@ -7,6 +7,10 @@
     padding: 2pt 0;
     margin: 4pt 5mm 4pt 10.25mm;
 
+    span.blank {
+      background: white;
+    }
+
     &:after {
       content: '';
       display: block;
@@ -45,6 +49,11 @@
 
   .no-comment {
     background: transparent;
+
+    span.blank {
+      background: $color-gray-200;
+    }
+
     .code {
       width: 100%;
     }
@@ -60,4 +69,8 @@
   .bold {
     font-weight: bold;
   }
+
+  span.blank {
+    color: transparent;
+  }
 }