From 990b7667f1f9108b9c95f7fb1fdff1076c146f56 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Mon, 4 Dec 2023 11:29:15 +0100 Subject: [PATCH] updating few details + position indicator --- resources/css/pages/single-conseils.css | 26 ++++++++++++++++++++----- 1 file changed, 21 insertions(+), 5 deletions(-) diff --git a/resources/css/pages/single-conseils.css b/resources/css/pages/single-conseils.css index 59c4690..f8fd009 100644 --- a/resources/css/pages/single-conseils.css +++ b/resources/css/pages/single-conseils.css @@ -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);