honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(aio): filtree updates

This commit is contained in:
Stefanie Fluin 2017-04-11 10:35:36 -07:00 committed by Pete Bacon Darwin
parent 3ec58ecea0
commit 2da0f1639f
1 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
aio/src/styles/2-modules/_filetree.scss
View File

@ -1,37 +1,38 @@
.filetree {
aio-filetree {
background: $offwhite;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);
border: 4px solid $lightgray;
margin: 0 0 5px 0;
padding: 10px;
display: flex;
flex-direction: column;
height: 100%;
}
.file {
display: block;
font-family: $main-font;
line-height: 32px;
color: $darkgray;
}
.children {
padding-left: 5px;
aio-folder {
padding-left: 24px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.file {
position: relative;
aio-file {
display: block;
position: relative;
line-height: 32px;
padding-left: 5px;
&:before {
content: '';
left: -18px;
bottom: 16px;
width: 5px;
height: 9999px;
position: absolute;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: $lightgray;
border-radius: 0 0 0 3px;
}
&:before {
content: '';
left: -18px;
bottom: 16px;
width: 5px;
height: 9999px;
position: absolute;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: $lightgray;
border-radius: 0 0 0 3px;
}
}
}