From 10da1e24e13b728c2837e5360a48fcb2913855a5 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Tue, 6 Nov 2018 15:59:16 -0800
Subject: feat: make instant resistant to external styles

---
 packages/instant/src/components/css_reset.tsx | 34 +++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 packages/instant/src/components/css_reset.tsx

(limited to 'packages/instant/src/components/css_reset.tsx')

diff --git a/packages/instant/src/components/css_reset.tsx b/packages/instant/src/components/css_reset.tsx
new file mode 100644
index 000000000..1e47a244a
--- /dev/null
+++ b/packages/instant/src/components/css_reset.tsx
@@ -0,0 +1,34 @@
+import { styled } from '../style/theme';
+
+export interface CSSResetProps {}
+
+export const CSSReset =
+    styled.div <
+    CSSResetProps >
+    `
+    /* 
+    * Derived from
+    * https://github.com/jtrost/Complete-CSS-Reset
+    */
+
+    a, abbr, area, article, aside, audio, b, bdo, blockquote, body, button, 
+    canvas, caption, cite, code, col, colgroup, command, datalist, dd, del, 
+    details, dialog, dfn, div, dl, dt, em, embed, fieldset, figure, form,
+    h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img, 
+    input, ins, keygen, kbd, label, legend, li, map, mark, menu, meter, nav,
+    noscript, object, ol, optgroup, option, output, p, param, pre, progress,
+    q, rp, rt, ruby, samp, section, select, small, span, strong, sub, sup, 
+    table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
+        background: transparent;
+        border: 0;
+        font-size: 100%;
+        font: inherit;
+        margin: 0;
+        outline: none;
+        padding: 0;
+        text-align: left;
+        text-decoration: none;
+        vertical-align: baseline;
+        z-index: 1;
+    }
+`;
-- 
cgit v1.2.3


From d1186e08b458191f578e406997c2b51567a5b49f Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Tue, 6 Nov 2018 16:31:52 -0800
Subject: chore: linter

---
 packages/instant/src/components/css_reset.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'packages/instant/src/components/css_reset.tsx')

diff --git a/packages/instant/src/components/css_reset.tsx b/packages/instant/src/components/css_reset.tsx
index 1e47a244a..891c95e4d 100644
--- a/packages/instant/src/components/css_reset.tsx
+++ b/packages/instant/src/components/css_reset.tsx
@@ -6,18 +6,18 @@ export const CSSReset =
     styled.div <
     CSSResetProps >
     `
-    /* 
+    /*
     * Derived from
     * https://github.com/jtrost/Complete-CSS-Reset
     */
 
-    a, abbr, area, article, aside, audio, b, bdo, blockquote, body, button, 
-    canvas, caption, cite, code, col, colgroup, command, datalist, dd, del, 
+    a, abbr, area, article, aside, audio, b, bdo, blockquote, body, button,
+    canvas, caption, cite, code, col, colgroup, command, datalist, dd, del,
     details, dialog, dfn, div, dl, dt, em, embed, fieldset, figure, form,
-    h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img, 
+    h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img,
     input, ins, keygen, kbd, label, legend, li, map, mark, menu, meter, nav,
     noscript, object, ol, optgroup, option, output, p, param, pre, progress,
-    q, rp, rt, ruby, samp, section, select, small, span, strong, sub, sup, 
+    q, rp, rt, ruby, samp, section, select, small, span, strong, sub, sup,
     table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
         background: transparent;
         border: 0;
-- 
cgit v1.2.3


From 6d5f65b77ede962b96ca59f30df1679a8216bd06 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Wed, 7 Nov 2018 15:42:48 -0800
Subject: fix: apply css reset to overlay as well

---
 packages/instant/src/components/css_reset.tsx | 57 +++++++++++++--------------
 1 file changed, 28 insertions(+), 29 deletions(-)

(limited to 'packages/instant/src/components/css_reset.tsx')

diff --git a/packages/instant/src/components/css_reset.tsx b/packages/instant/src/components/css_reset.tsx
index 891c95e4d..a1dd2e05c 100644
--- a/packages/instant/src/components/css_reset.tsx
+++ b/packages/instant/src/components/css_reset.tsx
@@ -1,34 +1,33 @@
-import { styled } from '../style/theme';
+import { INJECTED_DIV_CLASS } from '../constants';
+import { createGlobalStyle } from '../style/theme';
 
 export interface CSSResetProps {}
 
-export const CSSReset =
-    styled.div <
-    CSSResetProps >
-    `
-    /*
-    * Derived from
-    * https://github.com/jtrost/Complete-CSS-Reset
-    */
-
-    a, abbr, area, article, aside, audio, b, bdo, blockquote, body, button,
-    canvas, caption, cite, code, col, colgroup, command, datalist, dd, del,
-    details, dialog, dfn, div, dl, dt, em, embed, fieldset, figure, form,
-    h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img,
-    input, ins, keygen, kbd, label, legend, li, map, mark, menu, meter, nav,
-    noscript, object, ol, optgroup, option, output, p, param, pre, progress,
-    q, rp, rt, ruby, samp, section, select, small, span, strong, sub, sup,
-    table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
-        background: transparent;
-        border: 0;
-        font-size: 100%;
-        font: inherit;
-        margin: 0;
-        outline: none;
-        padding: 0;
-        text-align: left;
-        text-decoration: none;
-        vertical-align: baseline;
-        z-index: 1;
+/*
+* Derived from
+* https://github.com/jtrost/Complete-CSS-Reset
+*/
+export const CSSReset = createGlobalStyle`
+    .${INJECTED_DIV_CLASS} {
+        a, abbr, area, article, aside, audio, b, bdo, blockquote, body, button,
+        canvas, caption, cite, code, col, colgroup, command, datalist, dd, del,
+        details, dialog, dfn, div, dl, dt, em, embed, fieldset, figure, form,
+        h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img,
+        input, ins, keygen, kbd, label, legend, li, map, mark, menu, meter, nav,
+        noscript, object, ol, optgroup, option, output, p, param, pre, progress,
+        q, rp, rt, ruby, samp, section, select, small, span, strong, sub, sup,
+        table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
+            background: transparent;
+            border: 0;
+            font-size: 100%;
+            font: inherit;
+            margin: 0;
+            outline: none;
+            padding: 0;
+            text-align: left;
+            text-decoration: none;
+            vertical-align: baseline;
+            z-index: 1;
+        }
     }
 `;
-- 
cgit v1.2.3


From 15a12cfa2288a728fe2947741447b25cb2e0f5b6 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Thu, 8 Nov 2018 15:29:18 -0800
Subject: fix: various style issues

---
 packages/instant/src/components/css_reset.tsx | 1 -
 1 file changed, 1 deletion(-)

(limited to 'packages/instant/src/components/css_reset.tsx')

diff --git a/packages/instant/src/components/css_reset.tsx b/packages/instant/src/components/css_reset.tsx
index a1dd2e05c..0bef85389 100644
--- a/packages/instant/src/components/css_reset.tsx
+++ b/packages/instant/src/components/css_reset.tsx
@@ -27,7 +27,6 @@ export const CSSReset = createGlobalStyle`
             text-align: left;
             text-decoration: none;
             vertical-align: baseline;
-            z-index: 1;
         }
     }
 `;
-- 
cgit v1.2.3

