Fixed code block styling in demos (TypeCellOS#1234)

matthewlipski · web-flow · commit ed7c03fb4a3e · 2024-11-13T17:56:15.000+01:00
diff --git a/docs/components/example/styles.css b/docs/components/example/styles.css
@@ -1,28 +1,34 @@
 :focus-visible {
-  box-shadow: unset !important;
+    box-shadow: unset !important;
 }
 
 .demo .nextra-code-block pre {
-  background-color: transparent !important;
-  margin: 0 !important;
-  padding: 0 !important;
+    background-color: transparent !important;
+    margin: 0 !important;
+    padding: 0 !important;
 }
 
 .demo .nextra-code-block code > span {
-  padding: 0 !important;
+    padding: 0 !important;
 }
 
 .demo .bn-container,
 .demo .bn-editor {
-  height: 100%;
+    height: 100%;
 }
 
 .demo .bn-editor {
-  overflow: auto;
-  padding-block: 1rem;
+    overflow: auto;
+    padding-block: 1rem;
 }
 
 .demo-contents a {
-  color: revert;
-  text-decoration: revert;
+    color: revert;
+    text-decoration: revert;
 }
+
+.demo code.bn-inline-content {
+    font-size: 1em;
+    line-height: 1.5;
+    display: block;
+}
