@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.01 kB
JavaScript
import f from"classnames";import{getResponsiveStyles as m}from"./get-responsive-styles.js";import{mergeStyles as v}from"./merge-styles.js";import{marginPropDefs as y}from"../props/margin.props.js";const r=y.m.values;function S(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}),[p,u]=m({className:"rt-r-mt",customProperties:["--margin-top"],propValues:r,value:s.mt}),[n,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[f(e,a,l,p,n,g,N),v(t,o,i,u,c,P,C)]}export{S as getMarginStyles};
//# sourceMappingURL=get-margin-styles.js.map