cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(aio): filetree and top bar hover styles

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

1
aio/src/styles/0-base/_typography.scss
View File

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

11
aio/src/styles/1-layouts/_top-menu.scss
View File

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

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

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

1
aio/src/styles/_constants.scss
View File

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