diff options
Diffstat (limited to 'packages/website/ts/style')
-rw-r--r-- | packages/website/ts/style/colors.ts | 32 | ||||
-rw-r--r-- | packages/website/ts/style/keyframes.ts | 22 | ||||
-rw-r--r-- | packages/website/ts/style/media.ts | 14 | ||||
-rw-r--r-- | packages/website/ts/style/theme.ts | 17 | ||||
-rw-r--r-- | packages/website/ts/style/z_index.ts | 6 |
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, -}; |