Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updating few details + position indicator

Browse Source
This commit is contained in:
Antoine M 2023-12-04 11:29:15 +01:00
parent efa71e037d
commit 990b7667f1
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
resources/css/pages/single-conseils.css
View File

@ -8,21 +8,37 @@
.chapter_index {
@apply bg-gray
w-full
lg:max-w-lg
p-12
lg:max-w-md
p-8
h-fit
lg:sticky
left-0
top-4
rounded-2xl;
&__title {
@apply font-bold text-xl mb-3;
@apply font-bold text-xl;
}
&__titling {
@apply flex items-center mb-3 gap-3;
.icon {
@apply bg-primary rounded-full inline-block mr-2 flex justify-center items-center h-10 w-10;
svg {
@apply w-6 h-4 text-white;
transform: translate(1px, 2px);
}
}
}
&__list {
@apply relative;
@apply relative border-l border-neutral-300 pl-4;
}
&__link {
padding: 2px 0;
line-height: 1.3;
}
&__position-indicator {
@apply h-8 absolute top-0 -left-4 rounded-2xl;
@apply h-8 absolute top-0 rounded-2xl;
left: -2px;
width: 3px;
/* transition: top 0.3s ease-out; */
transition: top 0.7s cubic-bezier(0, 0.75, 0.47, 0.99);