basic structure folder and style

2024-05-14 19:54:46 +03:30
parent 78ba0a6478
commit 4d71481738
333 changed files with 9853 additions and 149 deletions
@@ -2,32 +2,124 @@
@tailwind components;
@tailwind utilities;

-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
+/* Font Irans Sans X */
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Thin.ttf);
+    font-family: 100;
 }

-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-ExtraBlack.ttf);
+    font-family: 200;
+}
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Light.ttf);
+    font-family: 300;
+}
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Regular.ttf);
+    font-family: 400;
+}
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Medium.ttf);
+    font-family: 500;
+}
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-DemiBold.ttf);
+    font-family: 600;
+}
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Bold.ttf);
+    font-family: 700;
+}
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-ExtraBold.ttf);
+    font-family: 800;
+}
+
+@font-face {
+    font-family: iran-sans;
+    src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Black.ttf);
+    font-family: 900;
+}
+
+/* Font Kalame */
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Thin.ttf);
+    font-weight: 100;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-ExtraLight.ttf);
+    font-weight: 200;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Light.ttf);
+    font-weight: 300;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Regular.ttf);
+    font-weight: 400;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Medium.ttf);
+    font-weight: 500;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-SemiBold.ttf);
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Bold.ttf);
+    font-weight: 700;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-ExtraBold.ttf);
+    font-weight: 800;
+}
+
+@font-face {
+    font-family: kalame;
+    src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Black.ttf);
+    font-weight: 900;
 }

 body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
+    font-family: iran-sans;
+    padding: 0;
+    margin: 0;
 }

-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-}
+.font-kalame {
+    font-family: kalame;
+}