masq
/
json-theme-even-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add spacing between stacked section items

This commit is contained in:
Rafael Bardini 2020-07-26 00:18:06 +02:00
parent 018dd0fad0
commit 3757fa96c5
8 changed files with 24 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
partials/awards.hbs
View File

@ -1,9 +1,9 @@
{{#if resume.awards.length}} {{#if resume.awards.length}}
<section id="awards"> <section id="awards">
<h3>Awards</h3> <h3>Awards</h3>
<div> <div class="stack">
{{#each resume.awards}} {{#each resume.awards}}
<div> <article>
<div class="spaced-list"> <div class="spaced-list">
<h4>{{title}}</h4> <h4>{{title}}</h4>
{{#date}} {{#date}}
@ -20,7 +20,7 @@
{{#summary}} {{#summary}}
<p>{{.}}</p> <p>{{.}}</p>
{{/summary}} {{/summary}}
</div> </article>
{{/each}} {{/each}}
</div> </div>
</section> </section>

6
partials/education.hbs
View File

@ -1,9 +1,9 @@
{{#if resume.education.length}} {{#if resume.education.length}}
<section id="education"> <section id="education">
<h3>Education</h3> <h3>Education</h3>
<div> <div class="stack">
{{#each resume.education}} {{#each resume.education}}
<div> <article>
<div class="spaced-list"> <div class="spaced-list">
<h4>{{institution}}</h4> <h4>{{institution}}</h4>
<span> <span>
@ -30,7 +30,7 @@
{{/courses}} {{/courses}}
</ul> </ul>
{{/if}} {{/if}}
</div> </article>
{{/each}} {{/each}}
</div> </div>
</section> </section>

6
partials/projects.hbs
View File

@ -1,9 +1,9 @@
{{#if resume.projects.length}} {{#if resume.projects.length}}
<section id="projects"> <section id="projects">
<h3>Projects</h3> <h3>Projects</h3>
<div> <div class="stack">
{{#each resume.projects}} {{#each resume.projects}}
<div> <article>
<div class="spaced-list"> <div class="spaced-list">
<h4>{{name}}</h4> <h4>{{name}}</h4>
<span> <span>
@ -33,7 +33,7 @@
{{/highlights}} {{/highlights}}
</ul> </ul>
{{/if}} {{/if}}
</div> </article>
{{/each}} {{/each}}
</div> </div>
</section> </section>

6
partials/publications.hbs
View File

@ -1,9 +1,9 @@
{{#if resume.publications.length}} {{#if resume.publications.length}}
<section id="publications"> <section id="publications">
<h3>Publications</h3> <h3>Publications</h3>
<div> <div class="stack">
{{#each resume.publications}} {{#each resume.publications}}
<div> <article>
<div class="spaced-list"> <div class="spaced-list">
<h4>{{name}}</h4> <h4>{{name}}</h4>
{{#releaseDate}} {{#releaseDate}}
@ -23,7 +23,7 @@
{{#summary}} {{#summary}}
<p>{{.}}</p> <p>{{.}}</p>
{{/summary}} {{/summary}}
</div> </article>
{{/each}} {{/each}}
</div> </div>
</section> </section>

2
partials/references.hbs
View File

@ -1,7 +1,7 @@
{{#if resume.references.length}} {{#if resume.references.length}}
<section id="references"> <section id="references">
<h3>References</h3> <h3>References</h3>
<div> <div class="stack">
{{#each resume.references}} {{#each resume.references}}
{{#if reference}} {{#if reference}}
<blockquote> <blockquote>

6
partials/volunteer.hbs
View File

@ -1,9 +1,9 @@
{{#if resume.volunteer.length}} {{#if resume.volunteer.length}}
<section id="volunteer"> <section id="volunteer">
<h3>Volunteer</h3> <h3>Volunteer</h3>
<div> <div class="stack">
{{#each resume.volunteer}} {{#each resume.volunteer}}
<div> <article>
<div class="spaced-list"> <div class="spaced-list">
<h4>{{organization}}</h4> <h4>{{organization}}</h4>
<span> <span>
@ -30,7 +30,7 @@
{{/highlights}} {{/highlights}}
</ul> </ul>
{{/if}} {{/if}}
</div> </article>
{{/each}} {{/each}}
</div> </div>
</section> </section>

6
partials/work.hbs
View File

@ -1,9 +1,9 @@
{{#if resume.work.length}} {{#if resume.work.length}}
<section id="work"> <section id="work">
<h3>Work</h3> <h3>Work</h3>
<div> <div class="stack">
{{#each resume.work}} {{#each resume.work}}
<div> <article>
<div class="spaced-list"> <div class="spaced-list">
<h4>{{name}}</h4> <h4>{{name}}</h4>
<span> <span>
@ -30,7 +30,7 @@
{{/highlights}} {{/highlights}}
</ul> </ul>
{{/if}} {{/if}}
</div> </article>
{{/each}} {{/each}}
</div> </div>
</section> </section>

5
style.css
View File

@ -153,6 +153,11 @@ section {
grid-column: main; grid-column: main;
} }
.stack {
display: grid;
gap: 1.5em;
}
.grid-list { .grid-list {
display: grid; display: grid;
gap: 1em; gap: 1em;