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