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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

8
aio/src/styles/2-modules/_subsection.scss
View File

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