inmake/irth-new-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
inmake
2025-04-22 13:22:50 +05:00
parent 853fb156cd
commit 16ef9c5dce
16 changed files with 98 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+18 -16
View File
@@ -2,49 +2,51 @@
@import "tailwindcss";
@theme {
--breakpoint-lg: 1440px;
--breakpoint-2xl: 1440px;
}
body {
font-family: "Usual", sans-serif;
color: #0d1922;
}
@layer base {
body {
font-family: "Usual", sans-serif;
color: #0d1922;
}
button {
cursor: pointer;
outline: none;
button {
cursor: pointer;
outline: none;
}
}
@layer utilities {
.text-headline-l {
@apply lg:text-[clamp(56px,3.889vw,68px)] md:max-lg:text-[clamp(44px,6.366vw,56px)] text-[44px] leading-none;
@apply 2xl:text-[clamp(56px,3.889vw,68px)] md:max-2xl:text-[clamp(44px,6.366vw,56px)] text-[44px] leading-none;
}
.text-subheadline-l {
@apply lg:text-[clamp(40px,2.778vw,48px)] md:max-lg:text-[clamp(32px,4.63vw,40px)] text-[32px] leading-[135%];
@apply 2xl:text-[clamp(40px,2.778vw,48px)] md:max-2xl:text-[clamp(32px,4.63vw,40px)] text-[32px] leading-[135%];
}
.text-subheadline-m {
@apply lg:text-[clamp(24px,1.667vw,28px)] md:max-lg:text-[clamp(20px,2.894vw,24px)] text-xl leading-[135%];
@apply 2xl:text-[clamp(24px,1.667vw,28px)] md:max-2xl:text-[clamp(20px,2.894vw,24px)] text-xl leading-[135%];
}
.text-subheadline-s {
@apply lg:text-[clamp(20px,1.389vw,24px)] md:max-lg:text-[clamp(16px,2.315vw,20px)] leading-[140%];
@apply 2xl:text-[clamp(20px,1.389vw,24px)] md:max-2xl:text-[clamp(16px,2.315vw,20px)] leading-[140%];
}
.text-m {
@apply lg:text-[clamp(16px,1.111vw,19px)] md:max-lg:text-[clamp(13px,1.881vw,16px)] text-[13px] leading-[125%];
@apply 2xl:text-[clamp(16px,1.111vw,19px)] md:max-2xl:text-[clamp(13px,1.881vw,16px)] text-[13px] leading-[125%];
}
.text-s {
@apply lg:text-[clamp(14px,0.972vw,16px)] md:max-lg:text-[clamp(12px,1.737vw,14px)] text-xs leading-[140%];
@apply 2xl:text-[clamp(14px,0.972vw,16px)] md:max-2xl:text-[clamp(12px,1.737vw,14px)] text-xs leading-[140%];
}
.text-caption-m {
@apply lg:text-[clamp(12px,0.833vw,14px)] md:max-lg:text-[clamp(12px,1.563vw,18px)] text-[clamp(12px,3.333vw,18px)] leading-[135%];
@apply 2xl:text-[clamp(12px,0.833vw,14px)] md:max-2xl:text-[clamp(12px,1.563vw,18px)] text-[clamp(12px,3.333vw,18px)] leading-[135%];
}
.text-caption-s {
@apply lg:text-[clamp(10px,0.694vw,12px)] text-[10px] leading-[135%];
@apply 2xl:text-[clamp(10px,0.694vw,12px)] text-[10px] leading-[135%];
}
}