@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.01 kB
JavaScript
import v from"classnames";import{marginPropDefs as f}from"../props/margin.props.js";import{getResponsiveStyles as m}from"./get-responsive-styles.js";import{mergeStyles as V}from"./merge-styles.js";const r=f.m.values;function h(s){const[e,t]=m({className:"rt-r-m",customProperties:["--margin"],propValues:r,value:s.m}),[a,o]=m({className:"rt-r-mx",customProperties:["--margin-left","--margin-right"],propValues:r,value:s.mx}),[l,i]=m({className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"],propValues:r,value:s.my}),[u,n]=m({className:"rt-r-mt",customProperties:["--margin-top"],propValues:r,value:s.mt}),[p,c]=m({className:"rt-r-mr",customProperties:["--margin-right"],propValues:r,value:s.mr}),[g,P]=m({className:"rt-r-mb",customProperties:["--margin-bottom"],propValues:r,value:s.mb}),[N,C]=m({className:"rt-r-ml",customProperties:["--margin-left"],propValues:r,value:s.ml});return[v(e,a,l,u,p,g,N),V(t,o,i,n,c,P,C)]}export{h as getMarginStyles};
//# sourceMappingURL=get-margin-styles.js.map