@@ -80,31 +80,31 @@ export default {
8080 pr-9="md"
8181 pl-5="xs,sm"
8282 pr-5="xs,sm">
83- <div class="d-flex | p-1 | bc-primary-200 brad-2"
83+ <div class="d-flex | p-1 o-hidden | brad-2 | sandbox__tabs "
8484 d-none="md">
8585 <button type="button"
86- class="d-flex | pt-2 pb-2 pl-5 pr-5 | fvs-wght-400 fs-2 tt-uppercase | c-primary-900 bc-0 b-0 cur-pointer | sandbox__tab"
86+ class="d-flex | pt-2 pb-2 pl-5 pr-5 | fvs-wght-400 fs-2 tt-uppercase | b-0 brad-1 cur-pointer | sandbox__tab"
8787 data-name="code">
8888 ${ libdocMessages . code [ libdocConfig . lang ] }
8989 </button>
9090 <button type="button"
91- class="d-flex | pt-2 pb-2 pl-5 pr-5 | fvs-wght-400 fs-2 tt-uppercase | c-primary-900 bc-neutral-100 b-0 brad-1 cur-pointer | sandbox__tab"
91+ class="d-flex | pt-2 pb-2 pl-5 pr-5 | fvs-wght-400 fs-2 tt-uppercase | b-0 brad-1 cur-pointer | sandbox__tab __active "
9292 data-name="iframe">
9393 ${ libdocMessages . result [ libdocConfig . lang ] }
9494 </button>
9595 </div>
96- <div class="d-flex fd-column d-none--xs d-none--sm | o-hidden | bc-neutral-900 c-neutral-200 brad-3 bwidth-1 bstyle-solid bcolor-neutral-900 | sandbox__code_wrapper"
96+ <div class="d-flex fd-column d-none--xs d-none--sm | o-hidden | brad-3 | sandbox__code_wrapper"
9797 w-50="md"
9898 w-100="xs,sm"
9999 bradtr-0="md"
100100 bradbr-0="md">
101101 <header class="d-flex jc-space-between | pl-5" style="height: 58px">
102- <p class="d-flex ai-center | m-0 | fvs-wght-400 fs-3 lh-1 | c-neutral-600 "
102+ <p class="d-flex ai-center | m-0 | fvs-wght-400 fs-3 lh-1"
103103 fs-2="xs">
104104 ${ title }
105105 </p>
106106 <button type="button"
107- class="d-flex ai-center | pl-5 pr-5 | fvs-wght-400 fs-2 tt-uppercase | bc-0 c-neutral-300 b-0 cur-pointer | sandbox__copy_code"
107+ class="d-flex ai-center | pl-5 pr-5 | fvs-wght-400 fs-2 tt-uppercase | bc-0 b-0 cur-pointer | sandbox__copy_code"
108108 title="${ libdocMessages . copyHTML [ libdocConfig . lang ] } ">
109109 <span class="o-hidden | to-ellipsis ws-nowrap">${ libdocMessages . copy [ libdocConfig . lang ] } </span>
110110 </button>
@@ -130,24 +130,24 @@ export default {
130130 </label>
131131 </div>
132132 </div>
133- <div class="d-flex gap-2 | m-0 pt-1 pb-1 pl-0 | fvs-wght-400 fs-2 lh-1 | c-neutral-500 ls-none"
133+ <div class="d-flex gap-2 | m-0 pt-1 pb-1 pl-0 | fvs-wght-400 fs-2 lh-1 | ls-none"
134134 pl-2="xs,sm">
135135
136136 </div>
137137 </div>
138- <button class="pos-relative | p-0 | bc-neutral-800 c-neutral-500 b-0 | sandbox__resizer"
138+ <button class="pos-relative | p-0 | b-0 | sandbox__resizer"
139139 title="${ libdocMessages . sandboxResizeHelper [ libdocConfig . lang ] } "
140140 d-none="xs,sm">
141141 <span class="icon-dots-six-vertical fs-5"></span>
142142 </button>
143- <div class="d-flex fd-column | pos-relative | o-hidden | bc-neutral-900 c-neutral-200 brad-3 bwidth-1 bstyle-solid bcolor-neutral-900 | sandbox__iframe_wrapper"
143+ <div class="d-flex fd-column | pos-relative | o-hidden | brad-3 | sandbox__iframe_wrapper"
144144 w-50="md"
145145 w-100="xs,sm"
146146 bradtl-0="md"
147147 bradbl-0="md"
148148 style="box-sizing: content-box">${ iframeCommands }
149149 <div class="d-flex | pos-relative">
150- <iframe ${ iframeAttribute } loading="lazy" class="w-100 h-500px | b-0 bc-neutral-100 | sandbox__iframe"></iframe>
150+ <iframe ${ iframeAttribute } loading="lazy" class="w-100 h-500px | b-0 | sandbox__iframe" style="background:white "></iframe>
151151 <div class="d-flex jc-center ai-center | pos-absolute top-0 left-0 | w-100 h-100 | sandbox__enable_wrapper"
152152 style="background-color: rgba(0,0,0,0.5)">
153153 <input type="checkbox"
@@ -161,7 +161,7 @@ export default {
161161 </label>
162162 </div>
163163 </div>
164- <ul class="d-flex gap-2 | m-0 pt-1 pb-1 pl-2 | fvs-wght-400 fs-2 lh-1 | c-neutral-500 ls-none">
164+ <ul class="d-flex gap-2 | m-0 pt-1 pb-1 pl-2 | fvs-wght-400 fs-2 lh-1 | ls-none">
165165 <li>${ libdocMessages . width [ libdocConfig . lang ] } : <span class="sandbox__monitor__iframe_width">-</span>px</li>
166166 <li>${ libdocMessages . height [ libdocConfig . lang ] } : <span class="sandbox__monitor__iframe_height">-</span>px</li>
167167 </ul>
0 commit comments