Browse Source

All black colors

cover-letter
Kevin Mok 5 months ago
parent
commit
7daf438efb
  1. 55
      assets/sass/main.scss
  2. 7
      layouts/partials/base/site-title.html

55
assets/sass/main.scss

@ -105,7 +105,8 @@ body {
color: $color;
line-height: 1.5;
// font-size: 100%;
font-size: 15px;
// font-size: 15px;
font-size: 17px;
// font-size: 20px;
/* font-family: 'Source Code Pro', monospace; */
// font-family: 'Hack', monospace;
@ -503,6 +504,7 @@ header {// {{{
}
}
a {// {{{
color: #4287cd;
text-decoration: none;
&:hover {
text-decoration: none;
@ -514,7 +516,8 @@ header {// {{{
.row {
// flex-grow: 1;
color: $base05;
// color: $base05;
color: #4287cd;
img {
height: 1em;
@ -554,7 +557,8 @@ header {// {{{
}// }}}
h1 {// {{{
color: $base-orange;
// color: $base-orange;
color: black;
// margin-top: 1.3rem;
margin-top: 1rem;
font-size: 1.2em;
@ -616,7 +620,13 @@ header {// {{{
.project-header {
// margin-bottom: .6em;
margin-bottom: .1em;
// margin-bottom: .1em;
margin-bottom: 5px;
}
.project-title {
// color: $base-blue;
color: black;
}
.project-link {
@ -653,8 +663,32 @@ header {// {{{
}
}// }}}
.company {
// color: #fe4646;
color: black;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 5px;
}
.position {
// color: black;
// color: $base-sky-blue;
// color: $base-blue;
color: black;
font-weight: bold;
// font-style: italic;
// font-size: 1.1em;
font-size: 1em;
// margin-bottom: 5px;
margin-bottom: 15px;
}
.institution {
color: $base-yellow;
// color: $base-yellow;
// color: $base-dark-orange;
// color: $base-blue;
color: black;
font-weight: bold;
font-size: 1.1em;
margin-bottom: 5px;
@ -761,17 +795,22 @@ header {// {{{
h1.site-title {// {{{
text-align: center;
font-size: 4.5em;
// font-size: 4.2em;
// font-size: 3.2em;
font-size: 2.5em;
// color: #66cccc;
color: $base05;
// margin-top: 1rem;
// margin-bottom: 0.75rem;
@include vert-margin-rem(.75);
@include a-color($base-sky-blue);
// @include a-color($base-sky-blue);
a {
text-decoration: none;
color: black;
// text-decoration: none;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
// @media (max-width: $phone-width) {

7
layouts/partials/base/site-title.html

@ -1,7 +1,4 @@
<h1 class="site-title">
<span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
class="base0f">e</span><span class="base09">v</span><span
class="base0a">i</span><span class="base0b">n </span><span
class="base0c">M</span><span class="base0d">o</span><span
class="base0e">k</span></a><span class="surrounding">] # _</span>
<span class="surrounding"></span><a href="{{ .Site.BaseURL }}">
<span>Kevin Mok</span>
</h1>
Loading…
Cancel
Save