Kevin-Mok/my-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Resume spacing/font sizes

Browse Source
This commit is contained in:
Kevin Mok
2024-05-24 09:43:39 -04:00
parent 24f58db4f9
commit 1881fd9778
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/sass/main.scss
View File

@@ -104,7 +104,7 @@ body {
background-color: $background-color; background-color: $background-color;
color: $color; color: $color;
// line-height: 1.5; // line-height: 1.5;
line-height: 1.55; line-height: 1.57;
// font-size: 100%; // font-size: 100%;
font-size: 15px; font-size: 15px;
// font-size: 20px; // font-size: 20px;
@@ -555,7 +555,8 @@ header {// {{{
color: $base-orange; color: $base-orange;
// margin-top: 1.3rem; // margin-top: 1.3rem;
margin-top: 1rem; margin-top: 1rem;
font-size: 1.2em; // font-size: 1.2em;
font-size: 1.3em;
// @media (max-width: $phone-width) { // @media (max-width: $phone-width) {
// margin-top: .75rem; // margin-top: .75rem;
@@ -591,10 +592,19 @@ header {// {{{
// } // }
}// }}} }// }}}
.section-header {
margin-top: 1em;
margin-bottom: 0.4em;
}
ul { ul {
margin-bottom: 5px; margin-bottom: 5px;
} }
.work-experience {
margin-bottom: 5px;
}
#projects {// {{{ #projects {// {{{
// // h1 { // // h1 {
// // margin-bottom: 3px; // // margin-bottom: 3px;
@@ -606,6 +616,7 @@ header {// {{{
h2 { h2 {
color: $base-sky-blue; color: $base-sky-blue;
display: inline; display: inline;
font-size: 1.1em;
} }
img { img {
@@ -614,7 +625,8 @@ header {// {{{
.project-header { .project-header {
// margin-bottom: .6em; // margin-bottom: .6em;
margin-bottom: .1em; // margin-bottom: .1em;
margin-bottom: 5px;
} }
.project-link { .project-link {
@@ -657,7 +669,7 @@ header {// {{{
.company { .company {
color: #fe4646; color: #fe4646;
font-weight: bold; font-weight: bold;
font-size: 1.1em; font-size: 1.2em;
margin-bottom: 5px; margin-bottom: 5px;
} }
@@ -666,8 +678,9 @@ header {// {{{
color: $base-sky-blue; color: $base-sky-blue;
font-weight: bold; font-weight: bold;
// font-style: italic; // font-style: italic;
font-size: 1em; font-size: 1.1em;
margin-bottom: 5px; // margin-bottom: 5px;
margin-bottom: 15px;
} }
.institution { .institution {

8
layouts/shortcodes/resume/project.html
View File

@@ -1,17 +1,9 @@
<div class="project"> <div class="project">
<div class="row project-header"> <div class="row project-header">
<div class="col-8 text-left"> <div class="col-8 text-left">
<a class="project-link" href="{{ .Get "url" }}" target="_blank">
<img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
</a>
<button class="btn" type="button" data-toggle="collapse"
data-target="#{{ .Get "name" | lower | urlize }}-details"
aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
<h2 class="project-title"> <h2 class="project-title">
{{ .Get "name" }} {{ .Get "name" }}
<img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
</h2> </h2>
</button>
</div> </div>
<div class="col-4 text-right date">{{ .Get "date" }}</div> <div class="col-4 text-right date">{{ .Get "date" }}</div>
</div> </div>