Tweak background colour of tokens in code examples

nationalarchives · Oct 6, 2023 · 78cf548 · 78cf548
1 parent ac2ab5e
commit 78cf548
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/lib/index.scss b/lib/index.scss
@@ -84,6 +84,7 @@
     &__frame {
       width: 100%;
       height: 20rem;
+      margin: 0 auto;
 
       display: block;
 
@@ -93,6 +94,10 @@
         overflow: auto;
       }
 
+      &--mobile {
+        max-width: 768px;
+      }
+
       &--xxs {
         height: 5rem;
       }
@@ -146,6 +151,14 @@
       :not(pre) > code[class*="language-"],
       pre[class*="language-"] {
         background-color: #f1ece9;
+
+        .language-css .token.string,
+        .style .token.string,
+        .token.entity,
+        .token.operator,
+        .token.url {
+          background-color: transparent;
+        }
       }
 
       &-copy {