heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Commit everything

Browse Source
This commit is contained in:
marzban-dev
2024-12-12 21:52:15 +03:30
parent 985cb17f84
commit 0aa46aad1a
25 changed files with 146 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/assets/css/tailwind.css
+2 -3
View File
@@ -1,12 +1,10 @@
@import "tailwindcss";
@import "./typo.utils.css";
@import "./other.utils.css";
@import "./typo.utils.css";
@import "./button.comp.css";
@import "./input.comp.css";
@config "../../tailwind.config.js";
@theme {
/* COLORS */
--color-slate-50: hsl(210, 40%, 98%);
@@ -110,6 +108,7 @@
/* FONT FAMILY */
--font-lato: "Lato", sans-serif;
--font-inter: "Inter", sans-serif;
--font-dmsans: "DM Sans", sans-serif;
--font-iran-yekan-x: "IRANYekanXVF, sans-serif";
frontend/assets/css/typo.utils.css
+23 -23
View File
@@ -1,96 +1,96 @@
/* TYPO HERO */
@utility typo-hero-1 {
@apply text-[96px] leading-[96px] font-bold;
@apply text-[96px] leading-[96px] font-bold font-dmsans;
}
@utility typo-hero-2 {
@apply text-[72px] leading-[72px] font-bold;
@apply text-[72px] leading-[72px] font-bold font-dmsans;
}
/* TYPE HEADING */
@utility typo-h-1 {
@apply text-[64px] leading-[72px] font-bold;
@apply text-[64px] leading-[72px] font-bold font-dmsans;
}
@utility typo-h-2 {
@apply text-[56px] leading-[64px] font-bold;
@apply text-[56px] leading-[64px] font-bold font-dmsans;
}
@utility typo-h-3 {
@apply text-[48px] leading-[56px] font-bold;
@apply text-[48px] leading-[56px] font-bold font-dmsans;
}
@utility typo-h-4 {
@apply text-[40px] leading-[52px] font-bold;
@apply text-[40px] leading-[52px] font-bold font-inter;
}
@utility typo-h-5 {
@apply text-[32px] leading-[40px] font-bold;
@apply text-[32px] leading-[40px] font-bold font-inter;
}
@utility typo-h-6 {
@apply text-[24px] leading-[32px] font-bold;
@apply text-[24px] leading-[32px] font-bold font-inter;
}
/* TYPE SUBHEADING */
@utility typo-sub-h-xl {
@apply text-[20px] leading-[24px] font-semibold;
@apply text-[20px] leading-[24px] font-semibold font-inter;
}
@utility typo-sub-h-lg {
@apply text-[18px] leading-[24px] font-semibold;
@apply text-[18px] leading-[24px] font-semibold font-inter;
}
@utility typo-sub-h-md {
@apply text-[16px] leading-[20px] font-semibold;
@apply text-[16px] leading-[20px] font-semibold font-inter;
}
@utility typo-sub-h-sm {
@apply text-[14px] leading-[20px] font-semibold;
@apply text-[14px] leading-[20px] font-semibold font-inter;
}
@utility typo-sub-h-xs {
@apply text-[12px] leading-[16px] font-semibold;
@apply text-[12px] leading-[16px] font-semibold font-inter;
}
/* TYPE PARAGRAPH */
@utility typo-p-2xl {
@apply text-[24px] leading-[40px] font-normal;
@apply text-[24px] leading-[40px] font-light font-inter;
}
@utility typo-p-xl {
@apply text-[20px] leading-[32px] font-normal;
@apply text-[20px] leading-[32px] font-light font-inter;
}
@utility typo-p-lg {
@apply text-[18px] leading-[32px] font-normal;
@apply text-[18px] leading-[32px] font-light font-inter;
}
@utility typo-p-md {
@apply text-[16px] leading-[28px] font-normal;
@apply text-[16px] leading-[28px] font-light font-inter;
}
@utility typo-p-sm {
@apply text-[14px] leading-[24px] font-normal;
@apply text-[14px] leading-[24px] font-light font-inter;
}
@utility typo-p-xs {
@apply text-[12px] leading-[16px] font-normal;
@apply text-[12px] leading-[16px] font-light font-inter;
}
/* TYPO LABEL */
@utility typo-label-lg {
@apply text-[18px] leading-[24px] font-medium;
@apply text-[18px] leading-[24px] font-medium font-inter;
}
@utility typo-label-md {
@apply text-[16px] leading-[24px] font-medium;
@apply text-[16px] leading-[24px] font-medium font-inter;
}
@utility typo-label-sm {
@apply text-[14px] leading-[20px] font-medium;
@apply text-[14px] leading-[20px] font-medium font-inter;
}
@utility typo-label-xs {
@apply text-[12px] leading-[16px] font-medium;
@apply text-[12px] leading-[16px] font-medium font-inter;
}