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

refining styles adn fix of chapter indicator positions

Browse Source
This commit is contained in:
Antoine M 2024-07-18 14:42:13 +02:00
parent c93960614e
commit b8bc4a9756
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
resources/css/pages/single-parcours.css
View File

@ -7,8 +7,11 @@
@apply py-4; @apply py-4;
} }
aside a { aside a {
@apply !block;
text-decoration: none !important; text-decoration: none !important;
@apply !font-normal; @apply !font-normal !text-black;
transition: all 0.1 !important;
&:hover { &:hover {
@apply !bg-transparent; @apply !bg-transparent;
} }
@ -33,7 +36,7 @@
} }
.parcours-other-steps-suggestion { .parcours-other-steps-suggestion {
@apply bg-white !p-6 !pr-16 rounded-3xl shadowed flex items-center gap-4; @apply bg-white !p-6 !pr-16 rounded-3xl shadowed flex items-center gap-4;
transition: all 0.3s ease; transition: transform 0.3s ease;
&:hover { &:hover {
@apply translate-x-4 !bg-white !rounded-3xl; @apply translate-x-4 !bg-white !rounded-3xl;
} }
@ -42,7 +45,7 @@
@apply w-12 h-12 relative; @apply w-12 h-12 relative;
} }
span::after { span::after {
transition: all 0.3s ease; transition: transform 0.3s ease;
content: ' '; content: ' ';
@apply inline-block absolute w-3 h-3 right-6 top-1/2 -translate-y-1/2 filter-secondary; @apply inline-block absolute w-3 h-3 right-6 top-1/2 -translate-y-1/2 filter-secondary;
background-image: url('../resources/img/graphic-assets/chevron_right.svg'); background-image: url('../resources/img/graphic-assets/chevron_right.svg');
@ -55,6 +58,9 @@
.parcours-steps { .parcours-steps {
@apply sticky top-0; @apply sticky top-0;
} }
.parcours-other-steps-suggestion {
@apply !font-bold;
}
} }
.current-steps-index { .current-steps-index {
@ -63,8 +69,16 @@
.current-steps-index { .current-steps-index {
@apply chapter_index; @apply chapter_index;
.chapter_index__list {
@apply !relative;
}
.chapter_index__link {
@apply !static;
}
.chapter_index__title { .chapter_index__title {
@apply my-0; @apply my-0;
} }
.chapter_index__position-indicator {
@apply bg-secondary;
}
} }