Element Testseite





  • api
  • api
    • demoModel.js
    • demoModel.js
    • demoModel.js
    • api
      • demoModel.js
      • demoModel.js
      • demoModel.js
  • api
    • api
    • demoModel.js
    • demoModel.js
    • demoModel.js
    • demoModel.js
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  padding-left: 30px;
  text-indent: -0.7em;
}
ul li::before {
  content: "● ";
}
ul.dir {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.dir li.folder::before {
  content: "📁 ";
  font-size: 30px;
}
ul.dir li.folder_open::before {
  content: "📂 ";
  font-size: 30px;
}
ul.dir li.file::before {
  content: "📄 ";
  font-size: 30px;
}
<ul class="dir">
    <li class="folder">api</li>
    <li class="folder_open">api
    	<ul class="dir">
            <li class="file">demoModel.js</li>
            <li class="file">demoModel.js</li>
            <li class="file">demoModel.js</li>
            <li class="folder_open">api
    	        <ul class="dir">
                <li class="file">demoModel.js</li>
                <li class="file">demoModel.js</li>
                <li class="file">demoModel.js</li>
                </ul>
            </li>
        </ul>
    </li>
    <li class="folder_open">api
    	<ul class="dir">
            <li class="folder">api</li>
            <li class="file">demoModel.js</li>
            <li class="file">demoModel.js</li>
            <li class="file">demoModel.js</li>
            <li class="file">demoModel.js</li>
        </ul>
    </li>
</ul>
klimabewusste Website