zmp-core
Version:
Full featured mobile HTML framework for building iOS & Android apps
64 lines (62 loc) • 1.77 kB
text/less
:root {
--zmp-page-master-width: 320px;
--zmp-page-master-border-color: rgba(0, 0, 0, 0.1);
--zmp-page-master-border-width: 1px;
--zmp-page-swipeback-transition-duration: 300ms;
--zmp-page-parallax-transition-duration: 500ms;
--zmp-page-cover-transition-duration: 450ms;
--zmp-page-dive-transition-duration: 500ms;
--zmp-page-fade-transition-duration: 500ms;
--zmp-page-flip-transition-duration: 700ms;
--zmp-page-push-transition-duration: 500ms;
/*
--zmp-page-content-extra-padding-top: 0px;
--zmp-page-content-extra-padding-bottom: 0px;
*/
--zmp-page-title-line-height: 1.2;
--zmp-page-title-text-color: inherit;
--zmp-page-title-padding-left: 16px;
--zmp-page-title-padding-right: 16px;
}
.ios-vars({
--zmp-page-transition-duration: 400ms;
--zmp-page-title-font-size: 34px;
--zmp-page-title-font-weight: 700;
--zmp-page-title-letter-spacing: -0.03em;
--zmp-page-title-padding-vertical: 6px;
.light-vars({
--zmp-page-bg-color: #efeff4;
});
.dark-vars({
--zmp-page-bg-color: #000;
});
});
.md-vars({
--zmp-page-transition-duration: 250ms;
--zmp-page-title-font-size: 34px;
--zmp-page-title-font-weight: 500;
--zmp-page-title-letter-spacing: 0;
--zmp-page-title-padding-vertical: 8px;
.light-vars({
--zmp-page-bg-color: #fff;
});
.dark-vars({
--zmp-page-bg-color: #121212;
});
});
.aurora-vars({
--zmp-page-transition-duration: 250ms;
--zmp-page-title-font-size: 28px;
--zmp-page-title-font-weight: bold;
--zmp-page-title-letter-spacing: 0;
--zmp-page-title-padding-vertical: 7px;
.light-vars({
--zmp-page-bg-color: #f3f4f6;
});
.dark-vars({
--zmp-page-bg-color: #121212;
});
});
.theme-dark {
--zmp-page-master-border-color: rgba(255, 255, 255, 0.2);
}