Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

css optimizing
All checks were successful
/ depoly (push) Successful in 1m16s
Details

Browse source
This commit is contained in:
thislight 2024-10-30 13:07:55 +08:00
parent 30efc1bae6
commit b7531864d2
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
5 changed files with 38 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/material/BottomSheet.module.css
View file

@ -3,7 +3,7 @@
composes: cardGutSkip from "./cards.module.css";
composes: cardNoPad from "./cards.module.css";
border: none;
position: absolute;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
@ -14,11 +14,20 @@
overscroll-behavior: none;
max-height: 100vh;
max-height: 100dvh;
height: 95%;
contain: strict;
contain-intrinsic-size: 100% 95%;
&::backdrop {
transition-property: background-color, opacity;
transition-duration: 120ms;
transition-timing-function: var(--tutu-anim-curve-std);
transition-behavior: allow-discrete;
}
&[open]::backdrop {
background-color: black;
opacity: 0.5;
transition: opacity 220ms var(--tutu-anim-curve-std);
}
box-shadow: var(--tutu-shadow-e16);
@ -47,8 +56,9 @@
bottom: 0;
height: 100vh;
height: 100dvh;
max-height: 100vh;
max-height: 100dvh;
contain-intrinsic-size: 100% 100vh;
contain-intrinsic-size: 100% 100dvh;
}
}
@ -59,6 +69,7 @@
&::backdrop {
opacity: 0;
background-color: transparent;
}
& * {
@ -70,6 +81,10 @@
top: unset;
transform: translateX(-50%);
bottom: 0;
content: content;
height: unset;
contain: content;
contain-intrinsic-size: unset;
@media (max-width: 560px) {
& {