florian.richer/portfolio_leptos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update color contrast

Browse source
This commit is contained in:
Florian RICHER 2023-06-04 18:44:29 +02:00
parent 3afe69de9e
commit e521031050
2 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/timeline/Timeline.scss
View file

@ -7,8 +7,8 @@
// Draw center line
&:before {
@apply top-0 bottom-0 left-0 md:left-1/2 absolute content-[""] w-2;
@apply bg-primary/5 dark:bg-dark_primary/5;
// @apply shadow-2xl shadow-on_surface/50 dark:shadow-dark_on_surface/50;
@apply bg-primary/10 dark:bg-dark_primary/10;
@apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
}
}
}

13
src/components/timeline/TimelineElement.scss
View file

@ -4,8 +4,8 @@
// Place point in center line
&:before {
@apply content-[""] w-6 h-6 rounded-[50%] absolute top-5 left-0 md:left-1/2 -ml-2 z-50;
@apply bg-primary/5 dark:bg-dark_primary/5;
// box-shadow: 2px 2px 5px #dee1e4, -2px -2px 5px #fff;
@apply bg-primary/10 dark:bg-dark_primary/10;
@apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
}
&:nth-child(even) {
@ -18,18 +18,18 @@
.timeline-element__info, .timeline-element__category {
@apply relative w-4/5 md:w-2/5 left-[10%] md:left-0;
@apply text-on_surface dark:text-dark_on_surface;
}
.timeline-element__category {
@apply top-5 flex md:justify-end mb-12;
@apply text-on_surface dark:text-dark_on_surface;
}
.timeline-element__info {
& > details {
@apply mb-12 rounded-xl overflow-hidden relative;
@apply bg-primary/5 dark:bg-dark_primary/5;
// box-shadow: 3px 3px 12px #dee1e4, -3px -3px 12px #fff;
@apply bg-primary/10 dark:bg-dark_primary/10;
@apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
& > summary, & > div {
@apply p-5;
@ -37,7 +37,6 @@
& > summary {
@apply block select-none cursor-pointer outline-none p-5 font-semibold;
@apply text-on_surface dark:text-dark_on_surface;
// BEGIN TRANSITION
@apply mb-0;
@ -45,7 +44,7 @@
// END TRANSITION
&:hover {
@apply bg-opacity-5;
@apply bg-primary/20 dark:bg-dark_primary/20;
}
}