cupertino-pane
Advanced tools
Changelog
1.2.8 (2021-12-06)
calcFitHeight
for inverse pane cause animation swing (91359a0)topperThanTop
gesture smooth on backwardtouchAngle
is 45Changelog
[1.2.6] - 2021-03-18
zStack
object. Readmelet settings = {
...
zStack: {
pushElements: string[];
minPushHeight?: number;
cardYOffset?: number;
cardZScale?: number;
cardContrast?: number;
stackZAngle?: number;
}
}
pushElements
property. Define array of elements which will be pushed when main element execute transitions. All styles from all elements will be accumulated together.let settings = {
...
zStack: {
pushElements: ['.card-1', '.card-2', '.card-3']
}
}
Changelog
[1.2.5] - 2021-02-20
cssClass
property to settings. Pass custom class for .cupertino-pane-wrapper
here to style later, instead of picking custom class from your element.darkmode
property and setDarkmode()
method. Proper way you can style darkmode with variables:body.dark {
--cupertino-pane-icon-close-color: #a8a7ae;
--cupertino-pane-background: #1c1c1d;
--cupertino-pane-color: #ffffff;
--cupertino-pane-shadow: 0 4px 16px rgb(0 0 0 / 12%);
--cupertino-pane-border-radius: 20px;
--cupertino-pane-move-background: #424246;
--cupertino-pane-destroy-button-background: #424246;
}
<head>
tag.{ animate:false }