web: lab: adds draw-sample-background option

1 files changed, 6 insertions, 2 deletions

diff --git a/docs/lab/lab.css b/docs/lab/lab.css
index a4f603b11..bf1ff3a0b 100644
--- a/docs/lab/lab.css
+++ b/docs/lab/lab.css
@@ -653,9 +653,10 @@ body.italic samples {
 }
   sample {
     flex: 1 1 50%;
-    margin: 0;
+    /*margin: 0;*/
     /*white-space: pre;*/
-    padding: 2rem;
+    margin: calc(0.5em + 1rem);
+    padding: 0;
     min-width:100px;
     /*max-width:450px;*/
     white-space: pre-wrap;
@@ -663,6 +664,9 @@ body.italic samples {
     overflow-wrap: break-word;
     color: var(--fgColor);
   }
+  :root.draw-sample-background sample {
+    background: var(--surface2-color-bg-active);
+  }
   /*body.secondarySampleDisabled sample { flex-basis: auto; }*/
     sample p {
       white-space: pre-wrap;