UNPKG

@brizy/ui

Version:

React elements in Brizy style

github.com/bagrinsergiu/brizy-ui

bagrinsergiu/brizy-ui

45 lines (44 loc) • 2.2 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.getPaddingStyles = void 0; const constants_1 = require("../constants"); const getPixelsSize = (number) => `${number}px`; const getPaddingStyles = (array) => { if (!array) return {}; if (Array.isArray(array)) { switch (array.length) { case 2: { return { [`--${constants_1.BRZ_PREFIX}-grid-item-padding-top`]: getPixelsSize(array[0]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-right`]: getPixelsSize(array[1]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-bottom`]: getPixelsSize(array[0]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-left`]: getPixelsSize(array[1]), }; } case 3: { return { [`--${constants_1.BRZ_PREFIX}-grid-item-padding-top`]: getPixelsSize(array[0]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-right`]: getPixelsSize(array[1]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-bottom`]: getPixelsSize(array[2]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-left`]: getPixelsSize(array[1]), }; } case 4: { return { [`--${constants_1.BRZ_PREFIX}-grid-item-padding-top`]: getPixelsSize(array[0]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-right`]: getPixelsSize(array[1]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-bottom`]: getPixelsSize(array[2]), [`--${constants_1.BRZ_PREFIX}-grid-item-padding-left`]: getPixelsSize(array[3]), }; } } } return { [`--${constants_1.BRZ_PREFIX}-grid-item-padding-top`]: `${array}px`, [`--${constants_1.BRZ_PREFIX}-grid-item-padding-right`]: `${array}px`, [`--${constants_1.BRZ_PREFIX}-grid-item-padding-bottom`]: `${array}px`, [`--${constants_1.BRZ_PREFIX}-grid-item-padding-left`]: `${array}px`, }; }; exports.getPaddingStyles = getPaddingStyles;