CV explicit styling with new ox-hugo

1 files changed, 23 insertions, 8 deletions

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 93aaf5f..c1019e9 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -199,10 +199,10 @@ footer {
 // CV ENTRY
 .cv-entry {
   @extend .ml3, .pl4, .pb2, .relative, .bl, .b--moon-gray;
-  h2 {
+  .cv-role {
     @extend .ma0, .f3;
   }
-  h2::before {
+  .cv-role::before {
     content: "";
     position: absolute;
     width: 2rem;
@@ -212,15 +212,30 @@ footer {
     transform: translateX(-50%);
     left: 0;
   }
+  .cv-host, .cv-date, .cv-location {
+    @extend .fw3, .mid-gray, .ma0, .pa0;
+  }
+  .cv-host::before {
+    font-family: "Font Awesome 6 Free";
+    content: "\f1ad";
+    font-weight: 900;
+    margin: 0 .5rem ;
+  }
+  .cv-date::before {
+    font-family: "Font Awesome 6 Free";
+    content: "\f133";
+    font-weight: 900;
+    margin: 0 .5rem ;
+  }
+  .cv-location::before {
+    font-family: "Font Awesome 6 Free";
+    content: "\f041";
+    font-weight: 900;
+    margin: 0 .5rem ;
+  }
   p, ul {
     @extend .mv1, .pv1;
   }
-  p:first-of-type {
-    @extend .mid-gray, .fw3;
-    i {
-      @extend .mh2;
-    }
-  }
 }
 
 // Title font