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 { .chapter_index {
@apply bg-gray @apply bg-gray
w-full w-full
lg:max-w-lg lg:max-w-md
p-12 p-8
h-fit h-fit
lg:sticky lg:sticky
left-0 left-0
top-4 top-4
rounded-2xl; rounded-2xl;
&__title { &__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 { &__list {
@apply relative; @apply relative border-l border-neutral-300 pl-4;
}
&__link {
padding: 2px 0;
line-height: 1.3;
} }
&__position-indicator { &__position-indicator {
@apply h-8 absolute top-0 -left-4 rounded-2xl; @apply h-8 absolute top-0 rounded-2xl;
left: -2px;
width: 3px; width: 3px;
/* transition: top 0.3s ease-out; */ /* transition: top 0.3s ease-out; */
transition: top 0.7s cubic-bezier(0, 0.75, 0.47, 0.99); transition: top 0.7s cubic-bezier(0, 0.75, 0.47, 0.99);