aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/variables.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/variables.tsx')
-rw-r--r--packages/dev-tools-pages/ts/variables.tsx34
1 files changed, 0 insertions, 34 deletions
diff --git a/packages/dev-tools-pages/ts/variables.tsx b/packages/dev-tools-pages/ts/variables.tsx
deleted file mode 100644
index 5ea495036..000000000
--- a/packages/dev-tools-pages/ts/variables.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { css } from 'styled-components';
-
-const colors = {
- black: '#000000',
- white: '#FFFFFF',
- lightGray: '#F1F4F5',
- gray: '#F1F2F7',
- darkGray: '#E9ECED',
- darkestGray: '#E2E5E6',
- blueGray: '#ECEFF9',
-};
-
-interface SizesInterface {
- [key: string]: number;
-}
-
-const sizes: SizesInterface = {
- xlarge: 1420,
- large: 1000,
- medium: 900,
- small: 650,
-};
-
-const media = Object.keys(sizes).reduce((acc: any, label: string) => {
- acc[label] = (args: any) => css`
- @media (max-width: ${sizes[label] / 16}em) {
- ${css(args)};
- }
- `;
-
- return acc;
-}, {});
-
-export { colors, media };