From 097181b9c87f7505ec938aba0df51bf5813d5f50 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Laure=CE=B7t?= Date: Sat, 13 Nov 2021 13:53:34 +0100 Subject: [PATCH] feat(resume): reworked a bit the scss --- src/scss/resume.scss | 91 ++++++++++++++++++++++---------------------- 1 file changed, 46 insertions(+), 45 deletions(-) diff --git a/src/scss/resume.scss b/src/scss/resume.scss index f1c545e..d718ecd 100755 --- a/src/scss/resume.scss +++ b/src/scss/resume.scss @@ -33,19 +33,28 @@ ul { padding-left: 1em; } -section>ul { - padding-left: 2em; - padding-bottom: 1em; -} +.timeline { + li { + margin: 0; + padding: 0; + } -.timeline>li { - margin: 0; -} + .arrow-up { + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 10px solid #c0c5ce; + margin-left: calc(1.25em - 4px); + top: -8px; + position: relative; + } -li.event { - padding: 0.8em 0 0.8em 2.3em; - margin-left: 1.25em; - border-left: 2px #c0c5ce solid; + .event { + padding: 0.8em 0 0.8em 2.3em; + margin-left: 1.25em; + border-left: 2px #c0c5ce solid; + } } .tag { @@ -68,40 +77,30 @@ h1>small { section { padding-left: 1em; padding-bottom: 1em; -} -section>p { - padding-left: 1em; - margin: 0; - margin-bottom: 0.2em; -} + p { + padding-left: 1em; + margin: 0; + margin-bottom: 0.2em; + } -section>h3 { - margin-bottom: 0.3em; -} + h3 { + margin-bottom: 0.3em; + } -.project-links { - padding-left: 1em; -} + ul { + padding-left: 2em; + padding-bottom: 1em; + } -.project-links>a { - padding-left: 0.3em; - text-decoration: none; -} + .project-links { + padding-left: 1em; -h2 { - margin: 1em 0 0.3em 0; -} - -.arrow-up { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 10px solid #c0c5ce; - margin-left: calc(1.25em - 4px); - top: -8px; - position: relative; + a { + padding-left: 0.3em; + text-decoration: none; + } + } } @media print { @@ -124,12 +123,14 @@ h2 { font-size: 13px; } - li.event { - border-left: 2px black solid; - } + li { + .event { + border-left: 2px black solid; + } - .tag { - font-size: 10px; + .tag { + font-size: 10px; + } } a {