From ebc5ef7cc6b63c25ebb9143f8bbdd37c7b12055d Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Fri, 17 Jan 2025 05:28:58 +0100
Subject: isolate cv css and apply style with tailwind

---
 assets/css/tailwind.css | 247 ++++++++++++++++++++++++++++--------------------
 1 file changed, 142 insertions(+), 105 deletions(-)

(limited to 'assets/css/tailwind.css')

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index bf0845a..e7822be 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -671,6 +671,148 @@ h6 {
   }
 }
 
+.cv-entry,
+.cv-honor {
+  position: relative;
+  margin-left: 1rem;
+  padding-left: 2rem;
+  padding-bottom: 0.5rem;
+  .cv-role {
+    margin: 0px;
+  }
+  .cv-host,
+  .cv-date,
+  .cv-location {
+    margin: 0px;
+  }
+  .cv-host,
+  .cv-date,
+  .cv-location {
+    padding: 0px;
+  }
+  .cv-host,
+  .cv-date,
+  .cv-location {
+    font-weight: 300;
+  }
+  .cv-host,
+  .cv-date,
+  .cv-location {
+    i {
+      margin-left: 0.5rem;
+      margin-right: 0.5rem;
+    }
+    i {
+      -moz-osx-font-smoothing: grayscale;
+      -webkit-font-smoothing: antialiased;
+      display: var(--fa-display, inline-block);
+      font-style: normal;
+      font-variant: normal;
+      line-height: 1;
+      text-rendering: auto;
+    }
+    i::before {
+      content: var(--fa);
+    }
+    i {
+      font-family: 'Font Awesome 6 Free';
+    }
+    i {
+      font-weight: 900;
+    }
+  }
+  .cv-host i {
+    --fa: "\f1ad";
+  }
+  .cv-location i {
+    --fa: "\f041";
+  }
+  p {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+  p {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+  ul {
+    all: revert;
+  }
+}
+
+.cv-entry {
+  border-left-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
+  .cv-role::before {
+    content: "";
+    position: absolute;
+    width: 2rem;
+    height: 2rem;
+    background-color: #79c753;
+    border-radius: 50%;
+    transform: translateX(-50%);
+    left: 0;
+  }
+  .cv-date,
+  .cv-location {
+    display: inline-block;
+  }
+  .cv-date i {
+    --fa: "\f133";
+  }
+}
+
+.cv-honor {
+  .cv-role {
+    margin-left: 3rem;
+  }
+  .cv-role {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  .cv-date {
+    top: 0.05rem
+  }
+  .cv-date {
+    position: absolute;
+  }
+  .cv-date {
+    left: 0px;
+  }
+  .cv-date {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  .cv-date {
+    i {
+      --tw-text-opacity: 1;
+      color: rgb(251 191 36 / var(--tw-text-opacity, 1));
+    }
+    i {
+      -moz-osx-font-smoothing: grayscale;
+      -webkit-font-smoothing: antialiased;
+      display: var(--fa-display, inline-block);
+      font-style: normal;
+      font-variant: normal;
+      line-height: 1;
+      text-rendering: auto;
+    }
+    i::before {
+      content: var(--fa);
+    }
+    i {
+      font-family: 'Font Awesome 6 Free';
+    }
+    i {
+      --fa: "\f559";
+    }
+    i {
+      font-weight: 900;
+    }
+  }
+}
+
 .baskerville {
   font-family: baskerville, serif;
 }
@@ -790,111 +932,6 @@ h6 {
   }
 }
 
-.cv-entry,
-  .cv-honor {
-  position: relative;
-  margin-left: 1rem;
-  padding-left: 2rem;
-  padding-bottom: 0.5rem;
-  .cv-role {
-    margin: 0px;
-  }
-  .cv-host,
-    .cv-date,
-    .cv-location {
-    margin: 0px;
-  }
-  .cv-host,
-    .cv-date,
-    .cv-location {
-    padding: 0px;
-  }
-  .cv-host,
-    .cv-date,
-    .cv-location {
-    font-weight: 300;
-  }
-  .cv-host::before {
-    font-family: "Font Awesome 6 Free";
-    content: "\f1ad";
-    font-weight: 900;
-    margin: 0 0.5rem;
-  }
-  .cv-location::before {
-    font-family: "Font Awesome 6 Free";
-    content: "\f041";
-    font-weight: 900;
-    margin: 0 0.5rem;
-  }
-  p {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-  p {
-    font-size: 1rem;
-    line-height: 1.5rem;
-  }
-  ul {
-    all: revert;
-  }
-}
-
-.cv-entry {
-  border-left-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
-  .cv-role::before {
-    content: "";
-    position: absolute;
-    width: 2rem;
-    height: 2rem;
-    background-color: #79c753;
-    border-radius: 50%;
-    transform: translateX(-50%);
-    left: 0;
-  }
-  .cv-date,
-    .cv-location {
-    display: inline-block;
-  }
-  .cv-date::before {
-    font-family: "Font Awesome 6 Free";
-    content: "\f133";
-    font-weight: 900;
-    margin: 0 0.5rem;
-  }
-}
-
-.cv-honor {
-  .cv-role {
-    margin-left: 3rem;
-  }
-  .cv-role {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-  .cv-date {
-    top: 0.05rem;
-  }
-  .cv-date {
-    position: absolute;
-  }
-  .cv-date {
-    left: 0px;
-  }
-  .cv-date {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-  .cv-date::before {
-    font-family: "Font Awesome 6 Free";
-    color: #ffb700;
-    content: "\f559";
-    font-weight: 900;
-    margin: 0 0.5rem;
-  }
-}
-
 .comment {
   position: relative;
   margin-top: 0.5rem;
-- 
cgit v1.2.3