inkletblot/inkletblot-com-v2
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first go of nav restyle is complete, removed blue and replaced with visual que

Browse Source
This commit is contained in:
Solomon Laing 2021-06-14 16:19:37 +09:30
parent 86f7aa143a
commit a4e891c8b5
7 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/home/home.component.scss
View File

@ -19,7 +19,7 @@
.headshot {
width: 200px;
height: 200px;
border: colors.$inklets-color-fg 5px solid;
border: colors.$inklets-color-red-light 5px solid;
border-radius: 100px;
}
@ -27,7 +27,7 @@
margin-left: 30px;
h1 {
border-bottom: colors.$inklets-color-fg 2px dashed;
border-bottom: colors.$inklets-color-red-light 2px dashed;
img {
width: 30px;
@ -50,7 +50,7 @@
color: colors.$inklets-color-white;
}
> a:hover {
color: colors.$inklets-color-fg;
color: colors.$inklets-color-red-light;
}
}
}

4
src/app/links/links.component.scss
View File

@ -28,7 +28,7 @@ a {
margin: 0;
color: colors.$inklets-color-white;
background-color: colors.$inklets-color-black;
border: 2px solid colors.$inklets-color-bg;
border: 2px solid colors.$inklets-color-red-dark;
border-radius: 10px;
> * {
@ -38,5 +38,5 @@ a {
}
a:hover {
border: colors.$inklets-color-fg 2px solid;
border: colors.$inklets-color-red-light 2px solid;
}

8
src/app/nav/nav.component.scss
View File

@ -23,24 +23,24 @@ li a {
height: 100px;
line-height: 100px;
color: colors.$inklets-color-white;
background-color: colors.$inklets-color-bg;
background-color: colors.$inklets-color-red-dark;
display: block;
text-align: center;
text-decoration: none;
}
li .activeRoute {
background-color: colors.$inklets-color-fg;
background-color: colors.$inklets-color-red-light;
color: colors.$inklets-color-black;
}
// li a:hover {
// background-color: colors.$inklets-color-highlight-bg;
// background-color: colors.$inklets-color-blue-dark;
// color: colors.$inklets-color-white;
// }
// li a:hover.activeRoute {
// background-color: colors.$inklets-color-highlight-fg;
// background-color: colors.$inklets-color-blue-light;
// color: colors.$inklets-color-black;
// }

4
src/app/projects/project-card/project-card.component.scss
View File

@ -8,14 +8,14 @@
a {
color: colors.$inklets-color-white;
background-color: colors.$inklets-color-black;
border: 2px solid colors.$inklets-color-bg;
border: 2px solid colors.$inklets-color-red-dark;
text-decoration: none;
padding: 15px 20px 15px 20px;
border-radius: 10px;
}
a:hover {
border: 2px solid colors.$inklets-color-fg;
border: 2px solid colors.$inklets-color-red-light;
}
.right {

2
src/app/projects/projects.component.scss
View File

@ -8,6 +8,6 @@
padding: 0 20px 0 20px;
h2 {
border-bottom: colors.$inklets-color-fg 2px dashed;
border-bottom: colors.$inklets-color-red-light 2px dashed;
}
}

8
src/app/shared/styles/_variables.color.scss
View File

@ -14,8 +14,8 @@
$inklets-color-black: #0e0906;
$inklets-color-grey: #191511;
$inklets-color-white: #f4efea;
$inklets-color-highlight-bg: #181846;
$inklets-color-highlight-fg:#6a9ccc;
$inklets-color-bg:#6d1d00;
$inklets-color-fg:#e6906c;
$inklets-color-red-dark:#6d1d00;
$inklets-color-red-light:#e6906c;
$inklets-color-blue-dark: #181846;
$inklets-color-blue-light:#6a9ccc;
$inklets-color-text-highlight: #f5d870;

2
src/styles.scss
View File

@ -99,7 +99,7 @@ span.linenos.special { color: #979797; background-color: #ffffc0; padding-left:
}
* a:hover {
color: colors.$inklets-color-highlight-fg;
color: colors.$inklets-color-blue-light;
}
* img {