zmp-core
Version:
Full featured mobile HTML framework for building iOS & Android apps
52 lines (51 loc) • 1.4 kB
text/less
:root {
--zmp-picker-height: 260px;
--zmp-picker-inline-height: 200px;
--zmp-picker-popover-height: 260px;
--zmp-picker-popover-width: 280px;
--zmp-picker-landscape-height: 200px;
--zmp-picker-item-height: 36px;
/*
--zmp-picker-sheet-bg-color: var(--zmp-sheet-bg-color);
*/
.light-vars({
--zmp-picker-item-selected-bg-color: rgba(0,0,0,0.12);
--zmp-picker-item-selected-text-color: #000;
});
.dark-vars({
--zmp-picker-item-selected-bg-color: rgba(255,255,255,0.1);
--zmp-picker-item-selected-text-color: #fff;
});
}
.ios-vars({
--zmp-picker-column-font-size: 20px;
.light-vars({
--zmp-picker-divider-text-color: #000;
--zmp-picker-item-text-color: rgba(0,0,0,0.45);
});
.dark-vars({
--zmp-picker-divider-text-color: #fff;
--zmp-picker-item-text-color: rgba(255,255,255,0.55);
});
});
.md-vars({
--zmp-picker-column-font-size: 20px;
.light-vars({
--zmp-picker-divider-text-color: rgba(0,0,0,0.87);
--zmp-picker-item-text-color: rgba(0,0,0,0.54);
});
.dark-vars({
--zmp-picker-item-text-color: rgba(255,255,255,0.54);
--zmp-picker-divider-text-color: rgba(255,255,255,0.87);
});
});
.aurora-vars({
--zmp-picker-column-font-size: 20px;
--zmp-picker-item-text-color: #888;
.light-vars({
--zmp-picker-divider-text-color: #000;
});
.dark-vars({
--zmp-picker-divider-text-color: #fff;
});
});