@razorpay/blade
Version:
The Design System that powers Razorpay
5 lines (3 loc) • 1.06 kB
JavaScript
var elevation={onLight:{none:{elevation:0,shadowColor:'',shadowOpacity:0,shadowRadius:0,shadowOffset:{width:0,height:0}},lowRaised:{elevation:8,shadowColor:`hsla(200, 10%, 18%, 1)`,shadowOpacity:0.06,shadowRadius:2,shadowOffset:{width:0,height:2}},midRaised:{elevation:16,shadowColor:`hsla(200, 10%, 18%, 1)`,shadowOpacity:0.06,shadowRadius:4,shadowOffset:{width:0,height:2}},highRaised:{elevation:24,shadowColor:`hsla(200, 10%, 18%, 1)`,shadowOpacity:0.06,shadowRadius:12,shadowOffset:{width:0,height:8}}},onDark:{none:{elevation:0,shadowColor:'',shadowOpacity:0,shadowRadius:0,shadowOffset:{width:0,height:0}},lowRaised:{elevation:8,shadowColor:`hsla(0, 0%, 0%, 1)`,shadowOpacity:0.32,shadowRadius:2,shadowOffset:{width:0,height:2}},midRaised:{elevation:16,shadowColor:`hsla(0, 0%, 0%, 1)`,shadowOpacity:0.32,shadowRadius:4,shadowOffset:{width:0,height:2}},highRaised:{elevation:24,shadowColor:`hsla(0, 0%, 0%, 1)`,shadowOpacity:0.32,shadowRadius:12,shadowOffset:{width:0,height:8}}}};
export { elevation };
//# sourceMappingURL=elevation.native.js.map