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 { .headshot {
width: 200px; width: 200px;
height: 200px; height: 200px;
border: colors.$inklets-color-fg 5px solid; border: colors.$inklets-color-red-light 5px solid;
border-radius: 100px; border-radius: 100px;
} }
@ -27,7 +27,7 @@
margin-left: 30px; margin-left: 30px;
h1 { h1 {
border-bottom: colors.$inklets-color-fg 2px dashed; border-bottom: colors.$inklets-color-red-light 2px dashed;
img { img {
width: 30px; width: 30px;
@ -50,7 +50,7 @@
color: colors.$inklets-color-white; color: colors.$inklets-color-white;
} }
> a:hover { > 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; margin: 0;
color: colors.$inklets-color-white; color: colors.$inklets-color-white;
background-color: colors.$inklets-color-black; background-color: colors.$inklets-color-black;
border: 2px solid colors.$inklets-color-bg; border: 2px solid colors.$inklets-color-red-dark;
border-radius: 10px; border-radius: 10px;
> * { > * {
@ -38,5 +38,5 @@ a {
} }
a:hover { 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; height: 100px;
line-height: 100px; line-height: 100px;
color: colors.$inklets-color-white; color: colors.$inklets-color-white;
background-color: colors.$inklets-color-bg; background-color: colors.$inklets-color-red-dark;
display: block; display: block;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
} }
li .activeRoute { li .activeRoute {
background-color: colors.$inklets-color-fg; background-color: colors.$inklets-color-red-light;
color: colors.$inklets-color-black; color: colors.$inklets-color-black;
} }
// li a:hover { // li a:hover {
// background-color: colors.$inklets-color-highlight-bg; // background-color: colors.$inklets-color-blue-dark;
// color: colors.$inklets-color-white; // color: colors.$inklets-color-white;
// } // }
// li a:hover.activeRoute { // li a:hover.activeRoute {
// background-color: colors.$inklets-color-highlight-fg; // background-color: colors.$inklets-color-blue-light;
// color: colors.$inklets-color-black; // color: colors.$inklets-color-black;
// } // }

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

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

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

@ -8,6 +8,6 @@
padding: 0 20px 0 20px; padding: 0 20px 0 20px;
h2 { 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-black: #0e0906;
$inklets-color-grey: #191511; $inklets-color-grey: #191511;
$inklets-color-white: #f4efea; $inklets-color-white: #f4efea;
$inklets-color-highlight-bg: #181846; $inklets-color-red-dark:#6d1d00;
$inklets-color-highlight-fg:#6a9ccc; $inklets-color-red-light:#e6906c;
$inklets-color-bg:#6d1d00; $inklets-color-blue-dark: #181846;
$inklets-color-fg:#e6906c; $inklets-color-blue-light:#6a9ccc;
$inklets-color-text-highlight: #f5d870; $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 { * a:hover {
color: colors.$inklets-color-highlight-fg; color: colors.$inklets-color-blue-light;
} }
* img { * img {