feat(aio): filetree and top bar hover styles

This commit is contained in:
Stefanie Fluin 2017-04-12 15:19:10 -07:00 committed by Pete Bacon Darwin
parent b57c9605ce
commit 624b5a5f83
4 changed files with 15 additions and 7 deletions

View File

@ -84,6 +84,7 @@
color: white;
font-family: $main-font;
text-transform: uppercase;
padding: 21px 0;
}
strong {

View File

@ -4,8 +4,7 @@
}
.nav-link {
margin-right: 10px;
margin-left: 20px;
margin: 0 16px;
cursor: pointer;
}
@ -49,7 +48,13 @@ aio-top-menu {
li {
list-style-type: none;
padding: 0px;
line-height: 64px;
height: 64px;
cursor: pointer;
&:hover {
background-color: $accentblue;
}
}
}
}

View File

@ -1,15 +1,16 @@
.filetree {
background: $offwhite;
box-shadow: 0 2px 2px rgba($black, 0.24), 0 0 2px rgba($black, 0.12);
border: 2px solid $lightgray;
border: 4px solid $lightgray;
border-radius: 4px;
margin: 0 0 24px 0;
padding: 24px;
padding: 16px 32px;
.file {
display: block;
font-family: $main-font;
letter-spacing: 0.3px;
line-height: 32px;
color: $lightgray;
color: $darkgray;
}
.children {

View File

@ -7,6 +7,7 @@ $code-font: "Droid Sans Mono", monospace;
// COLOR PALETTE
$blue: #1976D2;
$accentblue: #1E88E5;
$brightred: #DD0031;
$darkred: #C3002F;
$white: #FFFFFF;