Resume page done.
This commit is contained in:
parent
ec3c1336b6
commit
67e4a1c3d2
7 changed files with 456 additions and 328 deletions
|
|
@ -43,6 +43,35 @@ article.md-content__inner.md-typeset:after {
|
|||
content: none;
|
||||
}
|
||||
|
||||
.md-typeset figcaption {
|
||||
font-family: var(--secondary-font);
|
||||
color: var(--tertiary-colour);
|
||||
font-size: 0.8em;
|
||||
font-style: normal;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.vds-title {
|
||||
font-family: var(--secondary-font);
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
/*****************************
|
||||
* BUTTON
|
||||
*****************************/
|
||||
|
||||
div.button {
|
||||
font-family: var(--secondary-font);
|
||||
border-bottom: 3px solid var(--secondary-colour);
|
||||
width: fit-content;
|
||||
padding-bottom: 3px;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
border-bottom: 3px solid white;
|
||||
}
|
||||
}
|
||||
|
||||
/*****************************
|
||||
* HERO TEXT
|
||||
*****************************/
|
||||
|
|
@ -354,7 +383,7 @@ div.tabbed-block {
|
|||
}
|
||||
}
|
||||
|
||||
div.tags {
|
||||
.tags {
|
||||
font-size: max(9px, 0.8em);
|
||||
font-style: italic;
|
||||
color: var(--tertiary-colour);
|
||||
|
|
@ -404,14 +433,53 @@ p.blurb {
|
|||
}
|
||||
|
||||
/* Portfolio */
|
||||
.grid.cards {
|
||||
|
||||
li {
|
||||
background-color: var(--quarternary-colour);
|
||||
border: none !important;
|
||||
border-radius: 5px !important;
|
||||
box-shadow: none;
|
||||
padding: 2em !important;
|
||||
margin: 2em !important;
|
||||
|
||||
h6 {
|
||||
text-transform: initial !important;
|
||||
|
||||
span {
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.writing {
|
||||
padding: 4em;
|
||||
|
||||
h6 {
|
||||
font-size: max(calc(var(--text-variable-size) + 5px), calc(var(--text-min-size) + 2px));
|
||||
color: var(--primary-colour);
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: max(calc(var(--text-variable-size) + 3px), var(--text-min-size));
|
||||
}
|
||||
}
|
||||
|
||||
.two-column {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
max-width: 1500px;
|
||||
padding: 20px 20px 20px 0;
|
||||
width: 100%;
|
||||
margin: 30px auto;
|
||||
border-bottom: 1px solid var(--quarternary-colour);
|
||||
margin: 10px auto;
|
||||
|
||||
.column {
|
||||
display: flex;
|
||||
|
|
@ -436,18 +504,31 @@ p.blurb {
|
|||
p {
|
||||
font-size: max(calc(var(--text-variable-size) + 3px), var(--text-min-size));
|
||||
}
|
||||
|
||||
div {
|
||||
font-family: var(--secondary-font);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.md-typeset__table table {
|
||||
font-family: var(--secondary-font);
|
||||
font-size: max(calc(var(--text-variable-size) + 3px), calc(var(--text-min-size) + 2px)) !important;
|
||||
/* Contact */
|
||||
|
||||
thead {
|
||||
font-weight: bold;
|
||||
font-size: max(calc(var(--text-variable-size) + 7px), calc(var(--text-min-size) + 2px)) !important;
|
||||
background-color: var(--quarternary-colour);
|
||||
div.contact-me {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
div.button {
|
||||
font-size: 1.8em;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold !important;
|
||||
color: var(--tertiary-colour);
|
||||
|
||||
&:hover {
|
||||
border-bottom: 3px solid var(--tertiary-colour);
|
||||
color: var(--secondary-colour);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue