aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/style/media.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/style/media.ts')
-rw-r--r--packages/website/ts/style/media.ts15
1 files changed, 15 insertions, 0 deletions
diff --git a/packages/website/ts/style/media.ts b/packages/website/ts/style/media.ts
new file mode 100644
index 000000000..2f8551f34
--- /dev/null
+++ b/packages/website/ts/style/media.ts
@@ -0,0 +1,15 @@
+import * as _ from 'lodash';
+import { css } from 'ts/style/theme';
+import { ScreenWidths } from 'ts/types';
+
+const generateMediaWrapper = (screenWidth: ScreenWidths) => (...args: any[]) => css`
+ @media (max-width: ${screenWidth}) {
+ ${css.apply(css, args)};
+ }
+`;
+
+export const media = {
+ small: generateMediaWrapper(ScreenWidths.Sm),
+ medium: generateMediaWrapper(ScreenWidths.Md),
+ large: generateMediaWrapper(ScreenWidths.Lg),
+};