Fix css in services page

canopas · Oct 27, 2023 · 21207ae · 21207ae
1 parent 46d6ec3
commit 21207ae
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 4 deletions.
diff --git a/nuxt-frontend/assets/css/global.css b/nuxt-frontend/assets/css/global.css
@@ -188,6 +188,54 @@
   .gradient-border-btn:hover > span > span {
     @apply text-white;
   }
+
+  .header-1 {
+    @apply font-opensans-bold tracking-[-0.08rem] xl:tracking-[-0.15rem]  text-[2rem] leading-[2.6rem] md:text-[2.875rem]  md:leading-[3.688rem] xl:text-[3.75rem] xl:leading-[4.875rem];
+  }
+
+  .header-2 {
+    @apply font-opensans-bold tracking-[-0.08rem] xl:tracking-[-0.12rem] text-[1.5rem] leading-[2.25rem] md:text-[2.25rem]  md:leading-[2.938rem] xl:text-[3rem] xl:leading-[3.9rem];
+  }
+
+  .header-3 {
+    @apply font-opensans-semibold tracking-[-0.08rem] text-[1.25rem] leading-[1.875rem] md:text-[1.625rem]  md:leading-[2.313rem] xl:text-[2rem] xl:leading-[3rem];
+  }
+
+  .sub-h1-regular {
+    @apply text-[1.125rem] leading-[1.688rem] md:text-[1.313rem]  md:leading-[1.813rem] xl:text-[1.5rem] xl:leading-[2.25rem] font-inter-regular;
+  }
+
+  .sub-h1-semibold {
+    @apply text-[1.125rem] leading-[1.688rem] md:text-[1.313rem]  md:leading-[1.813rem]  xl:text-[1.5rem] xl:leading-[2.25rem]  font-inter-semibold;
+  }
+
+  .sub-h2-medium {
+    @apply xl:text-[1.375rem] xl:leading-[2.063rem] font-inter-medium;
+  }
+
+  .sub-h3-regular {
+    @apply text-base xl:text-[1.25rem] xl:leading-[1.875rem] font-inter-regular;
+  }
+
+  .sub-h3-medium {
+    @apply text-base xl:text-[1.25rem] xl:leading-[1.875rem] font-inter-medium;
+  }
+
+  .sub-h3-semibold {
+    @apply text-base xl:text-[1.25rem] xl:leading-[1.875rem] font-inter-semibold;
+  }
+
+  .sub-h4-regular {
+    @apply font-inter-regular text-[0.75rem] leading-[1.125rem] xl:text-[1.125rem] xl:leading-[1.688rem];
+  }
+
+  .sub-h4-semibold {
+    @apply font-inter-semibold text-[0.75rem] leading-[1.125rem] xl:text-[1.125rem] xl:leading-[1.688rem];
+  }
+
+  .primary-btn {
+    @apply h-12  mx-auto flex w-max items-center rounded-xl py-3 px-6 text-center;
+  }
 }
 
 @tailwind utilities;

diff --git a/nuxt-frontend/components/services/WhatWeOfferDesktop.vue b/nuxt-frontend/components/services/WhatWeOfferDesktop.vue
@@ -17,9 +17,9 @@
           >
             <div class="absolute top-[50%] translate-y-[-50%]">
               <div
-                class="tw-py-5"
+                class="py-5"
                 @click="service.showServices ? openUrl(service.url) : ''"
-                :class="service.showServices ? 'tw-cursor-pointer' : ''"
+                :class="service.showServices ? 'cursor-pointer' : ''"
               >
                 <span
                   class="font-inter-semibold text-[1.5rem] leading-9 md:text-[2.25rem] md:leading-[3.43rem] xl:text-[3.125rem] xl:leading-[4.6875rem]"

diff --git a/nuxt-frontend/components/services/WhatWeOfferMobile.vue b/nuxt-frontend/components/services/WhatWeOfferMobile.vue
@@ -24,9 +24,9 @@
 
         <div :class="service.class" class="px-2.5 sm:px-20">
           <div
-            class="tw-py-5 sm:tw-py-6"
+            class="py-5 sm:py-6"
             @click="service.showServices ? openUrl(service.url) : ''"
-            :class="service.showServices ? 'tw-cursor-pointer' : ''"
+            :class="service.showServices ? 'cursor-pointer' : ''"
           >
             <span
               class="text-center font-inter-semibold text-[1.5rem] leading-9"