mirror of
https://github.com/ineesalmeida/almeida-cv.git
synced 2025-01-18 02:40:25 +00:00
Cosmetic update
This commit is contained in:
parent
0d7f29c2bd
commit
d836e8ca0c
6 changed files with 37 additions and 3 deletions
|
@ -34,6 +34,7 @@ html {
|
|||
|
||||
body {
|
||||
box-sizing: border-box;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
|
|
@ -21,4 +21,9 @@
|
|||
@include vt-center;
|
||||
}
|
||||
}
|
||||
|
||||
&__link {
|
||||
text-decoration: none;
|
||||
color: $color-dark;
|
||||
}
|
||||
}
|
|
@ -1,15 +1,32 @@
|
|||
.experience {
|
||||
&__extra_padding {
|
||||
padding-top: 4rem !important;
|
||||
}
|
||||
|
||||
&__item {
|
||||
display: block;
|
||||
position: relative;
|
||||
@include avoid-break;
|
||||
&:not(:first-child) {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
height: 90%;
|
||||
width: 1.5px;
|
||||
position: absolute;
|
||||
background: linear-gradient($color-page-background, rgba(255, 255, 255, 0));
|
||||
//background: linear-gradient(blue, red);
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
&__header,
|
||||
&__subheader {
|
||||
display: block;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 2.4rem;
|
||||
}
|
||||
|
@ -17,6 +34,7 @@
|
|||
&__job {
|
||||
position: relative;
|
||||
transition: transform 0.2s cubic-bezier($cubic);
|
||||
margin-bottom: 2rem;
|
||||
|
||||
&:hover {
|
||||
transform: translateX(0.5rem);
|
||||
|
@ -38,6 +56,7 @@
|
|||
text-transform: uppercase;
|
||||
font-size: 1.3rem;
|
||||
color: $color-dark;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
&__date,
|
||||
|
@ -66,7 +85,8 @@
|
|||
}
|
||||
|
||||
&__bullet {
|
||||
list-style-position: inside;
|
||||
list-style: square inside;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
&__badges {
|
||||
|
|
|
@ -1,5 +1,7 @@
|
|||
.skills {
|
||||
&__group {
|
||||
margin-bottom: 0.8rem;
|
||||
|
||||
& span {
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
|
@ -17,6 +19,7 @@
|
|||
|
||||
& li{
|
||||
display: inline-block;
|
||||
font-size: 105%;
|
||||
font-weight: 400;
|
||||
transition: all 0.2s ease-in-out;
|
||||
padding: 0 1px;
|
||||
|
|
|
@ -6,7 +6,11 @@
|
|||
<div class="section__content">
|
||||
<div class="experience">
|
||||
{{ range .Experience }}
|
||||
{{ if .Class }}
|
||||
<div class="experience__item {{ .Class }}">
|
||||
{{ else }}
|
||||
<div class="experience__item">
|
||||
{{ end }}
|
||||
<div class="experience__header">
|
||||
<h3 class="experience__company">
|
||||
{{ .Employer | safeHTML }}
|
||||
|
@ -23,7 +27,7 @@
|
|||
</div>
|
||||
<ul>
|
||||
{{ range .Details }}
|
||||
<li class="experience__bullet">{{ . }}</li>
|
||||
<li class="experience__bullet">{{ . | safeHTML }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="experience__badges">
|
||||
|
|
|
@ -9,6 +9,7 @@
|
|||
{{ range .Skills }}
|
||||
<ul class="skills__group">
|
||||
<span>{{ .Family | safeHTML }}</span>
|
||||
<br>
|
||||
{{ range .Items }}
|
||||
<li>{{ . | safeHTML }}</li>
|
||||
{{ end }}
|
||||
|
|
Loading…
Reference in a new issue