Theaninova/openstapps
1
0
Fork 0
mirror of https://gitlab.com/openstapps/openstapps.git synced 2026-01-20 00:23:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: move event select popup to a modal

Browse Source
This commit is contained in:
Thea Schöbl
2022-09-23 12:24:22 +00:00
committed by Rainer Killinger
parent 8a04a43903
commit 4a3f79ca20
22 changed files with 788 additions and 495 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/theme/common/_ion-content-parallax.scss
View File

@@ -17,14 +17,15 @@
$parallax-background: var(--ion-color-primary),
$background: var(--ion-color-light),
$parallax-strength: 2,
$overscroll-padding: 50vh,
$content-size: 0px,
$overscroll-padding: 720px,
$content-size: 230px,
) {
&::part(background) {
background: $background;
}
&::part(scroll) {
perspective: 2px;
perspective-origin: center top;
}
> div {
transform-style: preserve-3d;
@@ -35,13 +36,21 @@
position: absolute;
top: 0;
right: 0;
height: calc(#{$content-size} + #{$parallax-strength} * #{$overscroll-padding});
width: 200%;
left: 0;
$height: calc($content-size + $overscroll-padding);
$translateY: calc($overscroll-padding * $parallax-strength);
$translateZ: calc(-1px * $parallax-strength);
$transform-origin: calc($parallax-strength * $parallax-strength * $overscroll-padding);
height: $height;
width: 150%;
transform-origin: 50% $transform-origin;
transform:
translateY(calc(-#{$overscroll-padding} * #{$parallax-strength}))
translateZ(calc(-1px * #{$parallax-strength}))
scale(1.5);
translate3d(0px, $translateY, $translateZ)
scale($parallax-strength);
z-index: -1;
background: $parallax-background;
}
}