cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(css): ♿ improve contrast with new translucent color

Browse source
This commit is contained in:
Julien Oculi 2024-07-11 14:07:44 +02:00
parent 8c5e03f885
commit 99f100540e
3 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/BlogBlocks.css
View file

@ -20,7 +20,7 @@
margin: 0;
padding: var(--_gap) var(--_gap-half);
backdrop-filter: blur(var(--_blur));
background-color: var(--_translucent);
background-color: var(--_translucent-bg);
border-bottom: 1px solid currentColor;
}
@ -65,7 +65,7 @@
justify-content: start;
padding: var(--_gap-half);
backdrop-filter: blur(var(--_blur));
background-color: var(--_translucent);
background-color: var(--_translucent-bg);
border-bottom: 1px solid currentColor;
& > a::before {
@ -80,7 +80,7 @@
justify-content: start;
padding: var(--_gap-half);
backdrop-filter: blur(var(--_blur));
background-color: var(--_translucent);
background-color: var(--_translucent-bg);
border-bottom: 1px solid currentColor;
& > span::before {
@ -149,7 +149,7 @@
& > * {
border: none;
padding: var(--_gap-half);
background-color: var(--_translucent);
background-color: var(--_translucent-bg);
}
}

2
components/MemberCard.css
View file

@ -29,7 +29,7 @@
}
.components__member_card__content {
background-color: var(--_translucent);
background-color: var(--_translucent-bg);
backdrop-filter: blur(var(--_blur));
display: flex;
flex-direction: column;

1
src/stylesheets/base.css
View file

@ -47,6 +47,7 @@
/* color */
--_accent-color: var(--lime-6);
--_translucent: hsl(from var(--_font-color) h s l / 0.1);
--_translucent-bg: hsl(from var(--_background-color) h s l / .6);
/* other */
--_background-color: var(--sand-0);