MCPcopy Index your code
hub / github.com/proksh/atomize / computeImageStyle

Function computeImageStyle

src/atoms/image/Image.style.js:7–76  ·  view source on GitHub ↗
(props, context)

Source from the content-addressed store, hash-verified

5import findBorder from "../../style-functions/findBorder";
6
7const computeImageStyle = (props, context) => {
8 const {
9 d,
10 pos,
11 top,
12 bottom,
13 left,
14 right,
15 flexGrow,
16 order,
17 m,
18 p,
19 rounded,
20 border,
21 borderColor,
22 h,
23 maxH,
24 minH,
25 w,
26 minW,
27 maxW,
28 cursor,
29 shadow,
30 transition,
31 transform,
32 transformOrigin,
33 zIndex,
34 opacity,
35 hoverBorderColor,
36 hoverShadow,
37 theme,
38 ...rest
39 } = props;
40
41 const style = [
42 findRoundedDirection(rounded, context.rounded),
43 findDirection(m, "margin"),
44 findDirection(p, "padding"),
45 makeResponsive(d, "display"),
46 makeResponsive(pos, "position"),
47 makeResponsive(top, "top"),
48 makeResponsive(bottom, "bottom"),
49 makeResponsive(left, "left"),
50 makeResponsive(right, "right"),
51 makeResponsive(flexGrow, "flex"),
52 makeResponsive(order, "order"),
53 makeResponsive(h, "height"),
54 makeResponsive(maxH, "max-height"),
55 makeResponsive(minH, "min-height"),
56 makeResponsive(w, "width"),
57 makeResponsive(minW, "min-width"),
58 makeResponsive(maxW, "max-width"),
59 makeResponsive(cursor, "cursor"),
60 findBorder(border, borderColor, context.colors),
61 makeResponsive(transform, "transform"),
62 makeResponsive(transformOrigin, "transform-origin"),
63 makeResponsive(shadow, "box-shadow", context.shadows),
64 makeResponsive(transition, "transition", context.transition),

Callers 1

Image.jsFile · 0.85

Calls 5

findRoundedDirectionFunction · 0.85
findDirectionFunction · 0.85
makeResponsiveFunction · 0.85
findBorderFunction · 0.85
arrayKeyMapToObjectFunction · 0.85

Tested by

no test coverage detected