add fonts, table image, setting icon

2025-06-03 12:56:10 +05:00
parent 07b8576d26
commit a2bc0b13f0
21 changed files with 412 additions and 43 deletions
@@ -1,11 +1,55 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+@import url(/fonts/TTHovesProAll/stylesheet.css);
@import "tailwindcss";

 body {
-  font-family: "Inter", sans-serif;
+  font-family: "TTHovesPro", sans-serif;
  background-color: #f2f0fe;
 }

 button {
  cursor: pointer;
 }
+
+@utility title-l {
+  @apply 2xl:text-[1.667vw] text-[24px] leading-[120%];
+}
+
+@utility title-m {
+  @apply 2xl:text-[1.389vw] text-[20px] leading-[110%];
+}
+
+@utility title-s {
+  @apply 2xl:text-[1.111vw] text-[16px] leading-[110%];
+}
+
+@utility text-m {
+  @apply 2xl:text-[1.111vw] text-[16px] leading-[120%];
+}
+
+@utility text-s {
+  @apply 2xl:text-[0.972vw] text-[14px] leading-[110%];
+}
+
+@utility text-xs {
+  @apply 2xl:text-[0.833vw] text-[12px] leading-[110%];
+}
+
+@utility button-m {
+  @apply 2xl:text-[0.972vw] text-[14px] leading-[110%];
+}
+
+@utility button-s {
+  @apply 2xl:text-[0.833vw] text-[12px] leading-[110%];
+}
+
+@utility caption-m {
+  @apply 2xl:text-[0.972vw] text-[14px] leading-[120%];
+}
+
+@utility caption-s {
+  @apply 2xl:text-[0.833vw] text-[12px] leading-[120%];
+}
+
+@utility caption-xs {
+  @apply 2xl:text-[0.694vw] text-[10px] leading-[120%];
+}