From f62044c1e3f35e0985724ebc1bac3a9b23dc2c2e Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Mon, 2 Jul 2018 18:14:21 -0700
Subject: Add media file and remove stray comment

---
 packages/website/ts/style/media.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 packages/website/ts/style/media.ts

(limited to 'packages/website/ts/style')

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),
+};
-- 
cgit v1.2.3