framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
48 lines (46 loc) • 1.12 kB
text/less
:root {
--f7-page-master-width: 320px;
--f7-page-master-border-color: rgba(0,0,0,0.1);
--f7-page-master-border-width: 1px;
--f7-page-swipeback-transition-duration: 300ms;
--f7-page-parallax-transition-duration: 500ms;
--f7-page-cover-transition-duration: 450ms;
--f7-page-dive-transition-duration: 500ms;
--f7-page-fade-transition-duration: 500ms;
--f7-page-flip-transition-duration: 700ms;
--f7-page-push-transition-duration: 500ms;
/*
--f7-page-content-extra-padding-top: 0px;
--f7-page-content-extra-padding-bottom: 0px;
*/
}
.ios-vars({
--f7-page-transition-duration: 400ms;
.light-vars({
--f7-page-bg-color: #efeff4;
});
.dark-vars({
--f7-page-bg-color: #000;
});
});
.md-vars({
--f7-page-transition-duration: 250ms;
.light-vars({
--f7-page-bg-color: #fff;
});
.dark-vars({
--f7-page-bg-color: #121212;
});
});
.aurora-vars({
--f7-page-transition-duration: 400ms;
.light-vars({
--f7-page-bg-color: #f3f3f3;
});
.dark-vars({
--f7-page-bg-color: #121212;
});
});
.theme-dark {
--f7-page-master-border-color: rgba(255,255,255,0.1);
}