filetree and subsection edits

This commit is contained in:
Stefanie Fluin 2017-04-11 19:02:29 -07:00 committed by Pete Bacon Darwin
parent 498bd64d9c
commit a6545ddd4d
2 changed files with 34 additions and 31 deletions

View File

@ -1,38 +1,37 @@
aio-filetree {
.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%;
}
box-shadow: 0 2px 2px rgba($black, 0.24), 0 0 2px rgba($black, 0.12);
border: 2px solid $lightgray;
margin: 0 0 24px 0;
padding: 24px;
aio-folder {
.file {
display: block;
font-family: $main-font;
line-height: 32px;
color: $lightgray;
}
.children {
padding-left: 24px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
aio-file {
display: block;
position: relative;
line-height: 32px;
padding-left: 5px;
.file {
position: relative;
&: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: 16px;
height: 9999px;
position: absolute;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: $lightgray;
border-radius: 0 0 0 3px;
}
}
}
}

View File

@ -1,7 +1,11 @@
.l-sub-section {
color: $darkgray;
background-color: $lightgray;
border-left: 10px solid $mediumgray;
border-left: 8px solid $mediumgray;
padding: 16px;
margin-bottom: 10px;
margin-bottom: 8px;
h3 {
margin: 8px 0 0;
}
}