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-10-21 19:59:25 +09:00
parent 118bec5dde
commit c9c39a06dd
15 changed files with 117 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -25,10 +25,6 @@
@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-4 text-[15px] font-[400] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-3 md:text-[20px] md:leading-[30px];
@apply text-[14px] leading-[20px] tracking-[-0.42px] md:text-[18px] md:leading-[26px] md:tracking-[-0.54px];
}
}

7
layers/assets/css/components/_splide.css
View File

@@ -9,12 +9,13 @@
}
.splide-pagination-bullet {
@apply relative w-2 h-2 rounded-full bg-[var(--primary)] opacity-100 md:w-3 md:h-3
after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:rounded-full after:bg-[rgba(0,0,0,0.5)] after:transition-opacity after:duration-300 after:ease-in-out after:opacity-100;
@apply relative w-2 h-2 rounded-full opacity-100 md:w-3 md:h-3 transition-all duration-300 ease-in-out;
background-color: var(--pagination-disabled);
}
.splide-pagination-bullet:hover,
.splide-pagination-bullet.is-active {
@apply after:opacity-0;
background-color: var(--pagination-active);
}
.splide-arrows {