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