aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/style
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/style')
-rw-r--r--packages/website/ts/style/colors.ts32
-rw-r--r--packages/website/ts/style/keyframes.ts22
-rw-r--r--packages/website/ts/style/media.ts14
-rw-r--r--packages/website/ts/style/theme.ts17
-rw-r--r--packages/website/ts/style/z_index.ts6
5 files changed, 0 insertions, 91 deletions
diff --git a/packages/website/ts/style/colors.ts b/packages/website/ts/style/colors.ts
deleted file mode 100644
index 356d72f7e..000000000
--- a/packages/website/ts/style/colors.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { colors as sharedColors } from '@0x/react-shared';
-
-const appColors = {
- walletBoxShadow: 'rgba(0, 0, 0, 0.05)',
- walletBorder: '#ededee',
- walletDefaultItemBackground: '#fbfbfc',
- walletFocusedItemBackground: '#f0f1f4',
- allowanceToggleShadow: 'rgba(0, 0, 0, 0)',
- wrapEtherConfirmationButton: sharedColors.mediumBlue,
- drawerMenuBackground: '#4a4a4a',
- menuItemDefaultSelectedBackground: '#424242',
- jobsPageBackground: sharedColors.grey50,
- jobsPageOpenPositionRow: sharedColors.grey100,
- metaMaskOrange: '#f68c24',
- metaMaskTransparentOrange: 'rgba(255, 248, 242, 0.8)',
- brandLight: '#00AE99',
- brandDark: '#003831',
- backgroundDark: '#111A19',
- backgroundBlack: '#000000',
- backgroundLight: '#F3F6F4',
- textDarkPrimary: '#000000',
- textDarkSecondary: '#5C5C5C',
- white: '#fff',
- instantPrimaryBackground: '#222222',
- instantSecondaryBackground: '#333333',
- instantTertiaryBackground: '#444444',
-};
-
-export const colors = {
- ...sharedColors,
- ...appColors,
-};
diff --git a/packages/website/ts/style/keyframes.ts b/packages/website/ts/style/keyframes.ts
deleted file mode 100644
index 28ea50247..000000000
--- a/packages/website/ts/style/keyframes.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { keyframes } from 'ts/style/theme';
-
-export const rotate = keyframes`
- 100% {
- transform: rotate(360deg);
- }
-`;
-
-export const dash = keyframes`
- 0% {
- stroke-dasharray: 1, 150;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 90, 150;
- stroke-dashoffset: -35;
- }
- 100% {
- stroke-dasharray: 90, 150;
- stroke-dashoffset: -124;
- }
-`;
diff --git a/packages/website/ts/style/media.ts b/packages/website/ts/style/media.ts
deleted file mode 100644
index 870d9a277..000000000
--- a/packages/website/ts/style/media.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { css } from 'ts/style/theme';
-import { ScreenWidths } from 'ts/types';
-
-const generateMediaWrapper = (screenWidth: ScreenWidths) => (...args: any[]) => css`
- @media (max-width: ${screenWidth}em) {
- ${css.apply(css, args)};
- }
-`;
-
-export const media = {
- small: generateMediaWrapper(ScreenWidths.Sm),
- medium: generateMediaWrapper(ScreenWidths.Md),
- large: generateMediaWrapper(ScreenWidths.Lg),
-};
diff --git a/packages/website/ts/style/theme.ts b/packages/website/ts/style/theme.ts
deleted file mode 100644
index 94bd0169a..000000000
--- a/packages/website/ts/style/theme.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import * as styledComponents from 'styled-components';
-
-// tslint:disable:no-unnecessary-type-assertion
-const {
- default: styled,
- css,
- createGlobalStyle,
- keyframes,
- ThemeProvider,
-} = styledComponents as styledComponents.ThemedStyledComponentsModule<IThemeInterface>;
-// tslint:enable:no-unnecessary-type-assertion
-
-export interface IThemeInterface {}
-
-export const theme = {};
-
-export { styled, css, createGlobalStyle, keyframes, ThemeProvider };
diff --git a/packages/website/ts/style/z_index.ts b/packages/website/ts/style/z_index.ts
deleted file mode 100644
index a3998f59b..000000000
--- a/packages/website/ts/style/z_index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const zIndex = {
- topBar: 1100,
- aboveTopBar: 1101,
- overlay: 1105,
- aboveOverlay: 1106,
-};