diff options
| author | Ahmed Abdelhalim <[email protected]> | 2023-08-11 18:08:05 +0300 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2023-08-11 20:20:09 +0300 |
| commit | 5e1929bea7e9ec434151209e8142979b8da69e26 (patch) | |
| tree | 00aa76125a9b83e39702b551f9609f9ed18803dc /assets/scss/print | |
| parent | ca799cfbb00041dfdc809bc9fdb3f1e07ebe7435 (diff) | |
Rework styling of the web/print
Diffstat (limited to 'assets/scss/print')
| -rw-r--r-- | assets/scss/print/_base.scss | 4 | ||||
| -rw-r--r-- | assets/scss/print/_education.scss | 6 | ||||
| -rw-r--r-- | assets/scss/print/_header.scss | 10 | ||||
| -rw-r--r-- | assets/scss/print/_projects.scss | 13 | ||||
| -rw-r--r-- | assets/scss/print/_skills.scss | 4 | ||||
| -rw-r--r-- | assets/scss/print/_work.scss | 27 |
6 files changed, 51 insertions, 13 deletions
diff --git a/assets/scss/print/_base.scss b/assets/scss/print/_base.scss index ab0ca17..fba5300 100644 --- a/assets/scss/print/_base.scss +++ b/assets/scss/print/_base.scss @@ -13,6 +13,6 @@ a:link, a:visited, a:hover, a:active { } .section-header { - font-size: 18pt; - margin-bottom: -0.6em; + font-size: 14pt; + margin-bottom: -0.6rem; } diff --git a/assets/scss/print/_education.scss b/assets/scss/print/_education.scss index fd0ba28..8984bfa 100644 --- a/assets/scss/print/_education.scss +++ b/assets/scss/print/_education.scss @@ -1,11 +1,15 @@ .education { // avoid page breaks inside the education section page-break-inside: avoid; - margin-top: 75px; + margin-top: 24pt; // remove the extra space added for the website margin-bottom: 0; } +.education__degree { + font-size: 10pt; +} + .education__details { margin-top: 0.3em; } diff --git a/assets/scss/print/_header.scss b/assets/scss/print/_header.scss index a788ab8..ac63fdb 100644 --- a/assets/scss/print/_header.scss +++ b/assets/scss/print/_header.scss @@ -1,10 +1,7 @@ .header__name { - margin-bottom: 0.1em; - margin-top: 1em; -} - -.header__language { - display: none; + margin-bottom: 0.1rem; + margin-top: 1rem; + font-size: 24pt; } .header__tel, @@ -15,6 +12,7 @@ .header__stackoverflow, .header__linkedin { display: inline; + font-size: 8pt; } .header__pgp { diff --git a/assets/scss/print/_projects.scss b/assets/scss/print/_projects.scss index c7fa414..076dfcb 100644 --- a/assets/scss/print/_projects.scss +++ b/assets/scss/print/_projects.scss @@ -1,7 +1,18 @@ .projects { - margin-top: 75px; + margin-top: 24pt; page-break-inside: avoid; } .project { } + +.project__title { + font-size: 9pt; + margin-bottom: 0.2rem; +} + +.project__content { + font-size: 9pt; + margin-top: 0; + margin-bottom: 1rem; +} diff --git a/assets/scss/print/_skills.scss b/assets/scss/print/_skills.scss index 9d37b90..6dec13c 100644 --- a/assets/scss/print/_skills.scss +++ b/assets/scss/print/_skills.scss @@ -1,5 +1,5 @@ .skills { - margin-top: 75px; + margin-top: 24pt; } .skills__content { @@ -9,9 +9,11 @@ .skills__title { min-width: 12%; margin-left: 15px; + font-size: 9pt; } .skills__items { margin-bottom: 0.1em; margin-left: 15px; + font-size: 9pt; } diff --git a/assets/scss/print/_work.scss b/assets/scss/print/_work.scss index 9495eb0..2189869 100644 --- a/assets/scss/print/_work.scss +++ b/assets/scss/print/_work.scss @@ -1,5 +1,9 @@ .work { - margin-top: 75px; + margin-top: 24pt; +} + +.work__header { + margin-bottom: 0.2rem; } .work__experience { @@ -8,7 +12,26 @@ // Style the Company name links in the PDF with thicker underline .job-position__company { + margin-top: 0.6rem; + font-size: 11pt; a:link, a:visited, a:hover, a:active { - text-decoration-thickness: 2px; + text-decoration-thickness: 1px; } } + +.job-position__title, +.job-position__duration, +.job-position__location { +} + +.note { + max-width: 100%; +} + +.tasks { + max-width: 90%; +} + +.footnote { + font-size: 7pt; +} |
