diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-08 07:42:48 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-08 07:42:48 +0800 |
commit | 6d5f65b77ede962b96ca59f30df1679a8216bd06 (patch) | |
tree | 63f8c699956d03db6c6732d87399cb3e4f66ea5e /packages/instant/src/components/css_reset.tsx | |
parent | eb8f7b0ef56bb6e4fcaf2e53067018a1c24cfe02 (diff) | |
download | dexon-0x-contracts-6d5f65b77ede962b96ca59f30df1679a8216bd06.tar dexon-0x-contracts-6d5f65b77ede962b96ca59f30df1679a8216bd06.tar.gz dexon-0x-contracts-6d5f65b77ede962b96ca59f30df1679a8216bd06.tar.bz2 dexon-0x-contracts-6d5f65b77ede962b96ca59f30df1679a8216bd06.tar.lz dexon-0x-contracts-6d5f65b77ede962b96ca59f30df1679a8216bd06.tar.xz dexon-0x-contracts-6d5f65b77ede962b96ca59f30df1679a8216bd06.tar.zst dexon-0x-contracts-6d5f65b77ede962b96ca59f30df1679a8216bd06.zip |
fix: apply css reset to overlay as well
Diffstat (limited to 'packages/instant/src/components/css_reset.tsx')
-rw-r--r-- | packages/instant/src/components/css_reset.tsx | 57 |
1 files changed, 28 insertions, 29 deletions
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; + } } `; |