zmp-core
Version:
Full featured mobile HTML framework for building iOS & Android apps
39 lines (38 loc) • 1.11 kB
text/less
:root {
--zmp-panel-width: 260px;
/*
--zmp-panel-left-width: var(--zmp-panel-width);
--zmp-panel-right-width: var(--zmp-panel-width);
--zmp-panel-left-collapsed-width: var(--zmp-panel-collapsed-width);
--zmp-panel-right-collapsed-width: var(--zmp-panel-collapsed-width);
*/
--zmp-panel-bg-color: #fff;
}
.ios-vars({
--zmp-panel-collapsed-width: 58px;
--zmp-panel-backdrop-bg-color: rgba(0,0,0,0);
--zmp-panel-transition-duration: 400ms;
--zmp-panel-shadow: transparent;
});
.md-vars({
--zmp-panel-collapsed-width: 60px;
--zmp-panel-backdrop-bg-color: rgba(0,0,0,0.3);
--zmp-panel-transition-duration: 300ms;
--zmp-panel-shadow:
rgba(0, 0, 0, 0.2) 0%,
rgba(0, 0, 0, 0.07) 30%,
rgba(0, 0, 0, 0.03) 40%,
rgba(0, 0, 0, 0) 60%,
rgba(0, 0, 0, 0) 100%;
});
.aurora-vars({
--zmp-panel-collapsed-width: 60px;
--zmp-panel-backdrop-bg-color: rgba(0,0,0,0.3);
--zmp-panel-transition-duration: 300ms;
--zmp-panel-shadow:
rgba(0, 0, 0, 0.2) 0%,
rgba(0, 0, 0, 0.07) 30%,
rgba(0, 0, 0, 0.03) 40%,
rgba(0, 0, 0, 0) 60%,
rgba(0, 0, 0, 0) 100%;
});