@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 914 B
JavaScript
;var e=require("@mui/material");const t=e=>`linear-gradient(135deg, ${e.custom.palette.blue[400]} 0%, ${e.custom.palette.purple[600]} 100%)`;exports.tone1=e=>`linear-gradient(135deg, ${e.custom.palette.purple[400]} 0%, ${e.custom.palette.purple[200]} 100%)`,exports.tone2=e=>`linear-gradient(135deg, ${e.custom.palette.purple[0]} 0%, ${e.custom.palette.purple[100]} 100%)`,exports.tone3=t,exports.tone3_lowOpacity=e=>`linear-gradient(135deg, ${e.custom.palette.blue[0]} 0%, ${e.custom.palette.purple[0]} 100%)`,exports.tone3_lowOpacity_text=e=>({background:t(e),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}),exports.tone4=t=>`radial-gradient(54.59% 50% at 0% 50.04%, ${e.alpha(t.custom.palette.blue[1e3],.2)} 0%, ${e.alpha(t.custom.palette.blue[500],.2)} 100%), linear-gradient(135deg, ${t.custom.palette.purple[500]} 0%, ${t.custom.palette.purple[1e3]} 100%)`;