Convert HTML-slim to normal HTML

beldrnl

Member
Local time
12:09
Joined
May 6, 2021
Messages
1

Hi,
i recently found this codepen:
https://codepen.io/kowlor/pen/NqVozL
i want to use it but i need the normal HTML instead of HTML-slim.
is it possible to convert it back to normal HTML/CSS?

--This code is [slim] and it needs to be converted to normal HTML:--

.b
- 45.times
.c

Hope you can help!
BeldrNL

 

adam

Mr. Webwide
Administrator
Local time
11:09
Joined
Sep 24, 2019
Messages
1,262
Pronouns
he/him

Hey @beldrnl! Yes this is possible, for any of the preprocessors on CodePen be it HTML, CSS or JS, if you click the little arrow in the top right of the editor box, you can click "View Compiled (HTML in this case)" to show the processed version.

Screenshot 2021-05-07 at 01.52.01.png

HTML:
<div class="b">
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
  <div class="c"></div>
</div>

 
Top