Browse Source

Resume spacing/font sizes

resume-pdf-4
Kevin Mok 6 months ago
parent
commit
1881fd9778
No known key found for this signature in database GPG Key ID: 6DEED612B26C08E2
  1. 25
      assets/sass/main.scss
  2. 8
      layouts/shortcodes/resume/project.html

25
assets/sass/main.scss

@ -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;
margin-bottom: 5px;
font-size: 1.1em;
// margin-bottom: 5px;
margin-bottom: 15px;
} }
.institution { .institution {

8
layouts/shortcodes/resume/project.html

@ -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>

Loading…
Cancel
Save