Skip to content

Instantly share code, notes, and snippets.

@MichaelHabib
Created July 30, 2019 00:10
Show Gist options
  • Save MichaelHabib/752af409dafb0685b3355e2e6ef5659b to your computer and use it in GitHub Desktop.
Save MichaelHabib/752af409dafb0685b3355e2e6ef5659b to your computer and use it in GitHub Desktop.
CSS Folder Structure Tree : Show a list as a folder structure ...
.tree, .tree * {
font-size: 16px
}
.tree ul,
.tree li,
.tree ol
{
margin : 0px;
list-style-type: none;
}
.tree * ul,
.tree * ol
{
margin-left : -10px;
}
.tree ul,
.tree ol {
border-left: 1px solid #444;
padding: 2px 10px;
}
.tree li {
padding: 2px 10px;
position: relative;
}
.tree li:before {
content: "--";
position: absolute;
top 4px;
left: -5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment