About section with Experience items

1 files changed, 26 insertions, 4 deletions

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index e4c8ad0..49fc481 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -165,20 +165,42 @@
   }
 
   dl {
-    @extend .ph5;
+    @extend .ph4, .mh5-ns, .mh3, .pb2;
   }
   dt {
     @extend .b;
   }
-  dd p {
-    @extend .ma0;
-  }
 }
 footer {
   a {
     @extend .link, .near-white, .underline;
   }
 }
+// CV ENTRY
+.cv-entry {
+  padding-left: 2rem;
+  dl {
+    border-left: 1px solid #ccc;
+    position: relative;
+    margin: 0;
+  }
+  dt::before {
+    content: "";
+    position: absolute;
+    width: 2rem;
+    height: 2rem;
+    background-color: #79c753;
+    border-radius: 50%;
+    transform: translateX(-50%);
+    left: 0;
+  }
+  dd {
+    @extend .mh3;
+    p:first-of-type {
+      @extend .mid-gray, .fw3, .mt0;
+    }
+  }
+}
 
 // Title font
 @font-face {