andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Improve card background

Browse source
This commit is contained in:
schmelczerandras 2020-11-17 21:02:57 +01:00
parent dc86d30eb2
commit e8177c9c0a
2 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/page/timeline/timeline-element/timeline-element.scss
View file

@ -76,8 +76,7 @@ section.timeline-element {
width: 50%;
.date {
transform: translateX(calc(var(--icon-size) / 2 + 12px))
translateY(-10%);
transform: translateX(calc(var(--icon-size) / 2 + 12px)) translateY(-10%);
}
}
}
@ -85,7 +84,12 @@ section.timeline-element {
.card {
@include card-base();
border-radius: var(--border-radius);
background-color: var(--card-color);
background-color: var(--blurred-card-color);
backdrop-filter: blur(var(--blur-radius));
@supports not (backdrop-filter: blur(var(--blur-radius))) {
background-color: var(--card-color);
}
& > *:not(:first-child) {
margin-top: var(--line-height);