isolate cv css and apply style with tailwind

1 files changed, 1 insertions, 70 deletions

diff --git a/assets/css/input.css b/assets/css/input.css
index a8da489..b9875df 100644
--- a/assets/css/input.css
+++ b/assets/css/input.css
@@ -1,5 +1,6 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
+@import "./cv.css" layer(components);
 @import "tailwindcss/utilities";
 @import "./academicons.css" layer(utilities);
 @import "./fontawesome.css" layer(utilities);
@@ -143,76 +144,6 @@
       }
     }
   }
-  .cv-entry,
-  .cv-honor {
-    @apply ml-4 pl-8 pb-2 relative;
-    .cv-role {
-      @apply m-0;
-    }
-    .cv-host,
-    .cv-date,
-    .cv-location {
-      @apply font-light m-0 p-0;
-    }
-    .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 {
-      @apply text-base my-2;
-    }
-    ul {
-      all: revert;
-    }
-  }
-  .cv-entry {
-    @apply border-l border-gray-400;
-    .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 {
-      @apply inline-block;
-    }
-    .cv-date::before {
-      font-family: "Font Awesome 6 Free";
-      content: "\f133";
-      font-weight: 900;
-      margin: 0 0.5rem;
-    }
-  }
-
-  .cv-honor {
-    .cv-role {
-      @apply ml-12 text-xl;
-    }
-    .cv-date {
-      top: 0.05rem;
-      @apply absolute left-0 text-xl;
-    }
-    .cv-date::before {
-      font-family: "Font Awesome 6 Free";
-      color: #ffb700;
-      content: "\f559";
-      font-weight: 900;
-      margin: 0 0.5rem;
-    }
-  }
   .comment {
     @apply my-2 pl-4 border-l border-lime-500 relative;
     h3,