feat(aio): filetree and top bar hover styles
This commit is contained in:
parent
b57c9605ce
commit
624b5a5f83
|
@ -84,6 +84,7 @@
|
|||
color: white;
|
||||
font-family: $main-font;
|
||||
text-transform: uppercase;
|
||||
padding: 21px 0;
|
||||
}
|
||||
|
||||
strong {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -7,6 +7,7 @@ $code-font: "Droid Sans Mono", monospace;
|
|||
|
||||
// COLOR PALETTE
|
||||
$blue: #1976D2;
|
||||
$accentblue: #1E88E5;
|
||||
$brightred: #DD0031;
|
||||
$darkred: #C3002F;
|
||||
$white: #FFFFFF;
|
||||
|
|
Loading…
Reference in New Issue