gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. 공통 스타일 분리

Browse Source
This commit is contained in:
clkim
2025-09-25 13:19:24 +09:00
parent 7aa2ee7f36
commit ab58a98acf
11 changed files with 70 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
layers/assets/css/components/_layout.css
View File

@@ -5,6 +5,24 @@
}
.section-content {
@apply relative h-full flex flex-col items-center justify-center gap-4 md:gap-5;
@apply relative h-full flex flex-col items-center justify-center gap-4 text-center px-[20px] sm:px-[40px] md:gap-5;
}
/* Title Utility Classes */
.title-lg {
@apply line-clamp-3 text-[24px] font-[700] leading-[34px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:text-[50px] md:leading-[70px];
}
.title-md {
@apply line-clamp-2 text-[20px] font-[700] leading-[30px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-1 md:text-[42px] md:leading-[56px];
}
.title-sm {
@apply line-clamp-2 text-[16px] font-[500] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-1 md:text-[24px] md:leading-[34px];
}
.title-xs {
}
/* Description Utility Classes */
.description-lg {
@apply line-clamp-3 text-[15px] font-[400] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:text-[20px] md:leading-[30px];
}
}