aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/constants/utilities.tsx
diff options
context:
space:
mode:
authorFrancesco Agosti <francesco.agosti93@gmail.com>2019-01-02 22:13:14 +0800
committerGitHub <noreply@github.com>2019-01-02 22:13:14 +0800
commit1ddf1087dd327b2ef35165518ee91eb457b84174 (patch)
tree619d5b8afd97945eb7917cb71b74ed1c721a77d3 /packages/website/ts/constants/utilities.tsx
parentdbbd0c5c9233965713a3ee30a1a0c5eb06448212 (diff)
parentdc6d6024dc7e72d2634c6bbd88886af6cc0ef6fc (diff)
downloaddexon-sol-tools-1ddf1087dd327b2ef35165518ee91eb457b84174.tar
dexon-sol-tools-1ddf1087dd327b2ef35165518ee91eb457b84174.tar.gz
dexon-sol-tools-1ddf1087dd327b2ef35165518ee91eb457b84174.tar.bz2
dexon-sol-tools-1ddf1087dd327b2ef35165518ee91eb457b84174.tar.lz
dexon-sol-tools-1ddf1087dd327b2ef35165518ee91eb457b84174.tar.xz
dexon-sol-tools-1ddf1087dd327b2ef35165518ee91eb457b84174.tar.zst
dexon-sol-tools-1ddf1087dd327b2ef35165518ee91eb457b84174.zip
Merge pull request #1470 from 0xProject/feature/website/0x-org-cleanup
[website] Remove @next dir, remove unused files.
Diffstat (limited to 'packages/website/ts/constants/utilities.tsx')
-rw-r--r--packages/website/ts/constants/utilities.tsx22
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/website/ts/constants/utilities.tsx b/packages/website/ts/constants/utilities.tsx
new file mode 100644
index 000000000..ee5c5b4ce
--- /dev/null
+++ b/packages/website/ts/constants/utilities.tsx
@@ -0,0 +1,22 @@
+export interface PaddingInterface {
+ padding?: number | Array<'large' | 'default' | 'small' | number>;
+ margin?: number | Array<'large' | 'default' | 'small' | number>;
+}
+
+interface PaddingSizes {
+ [key: string]: string;
+}
+
+export const PADDING_SIZES: PaddingSizes = {
+ default: '30px',
+ large: '60px',
+ small: '15px',
+};
+
+export const getCSSPadding = (value: number | Array<string | number> = 0): string => {
+ if (Array.isArray(value)) {
+ return value.map(val => PADDING_SIZES[val] || `${val}px`).join(' ');
+ } else {
+ return `${value}px`;
+ }
+};