feat: add <CssResetPoorMan>

Author: streamich

README.md

@@ -50,5 +50,6 @@ const MyComponent = mock();
      - [`<CssResetMinimalistic>`](./docs/reset/CssResetMinimalistic.md)
      - [`<CssResetMinimalistic2>`](./docs/reset/CssResetMinimalistic2.md)
      - [`<CssResetMinimalistic3>`](./docs/reset/CssResetMinimalistic3.md)
+     - [`<CssResetPoorMan>`](./docs/reset/CssResetPoorMan.md)
   - Other
      - [`<Resolve>`](./docs/Resolve.md)

docs/reset/CssResetPoorMan.md

@@ -0,0 +1,31 @@
+# `<CssResetPoorMan>`
+
+## Usage
+
+Simply render it in your React app
+
+```jsx
+import CssResetPoorMan from 'mol-fe-react/lib/reset/CssResetPoorMan';
+
+<CssResetPoorMan />
+```
+
+## Contents
+
+```js
+{
+  'html,body': {
+    pad: 0,
+    mar: 0,
+  },
+  html: {
+    fz: '1em',
+  },
+  body: {
+    fz: '100%',
+  },
+  'a img,a:link img,a:visited img': {
+    bd: 0,
+  },
+}
+```

src/reset/CssResetPoorMan/__tests__/__snapshots__/index.test.ts.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CssResetPoorMan> renders as expected 1`] = `"<style>html,body{padding:0;margin:0;}html{font-size:1em;}body{font-size:100%;}a img,a:link img,a:visited img{border:0;}</style>"`;

src/reset/CssResetPoorMan/__tests__/index.test.ts

@@ -0,0 +1,11 @@
+import {createElement as h} from 'react';
+import {renderToStaticMarkup} from 'react-dom/server';
+import CssResetPoorMan from '..';
+
+describe('<CssResetPoorMan>', () => {
+  it('renders as expected', () => {
+    const html = renderToStaticMarkup(h(CssResetPoorMan));
+
+    expect(html).toMatchSnapshot();
+  });
+});

src/reset/CssResetPoorMan/index.ts

@@ -0,0 +1,21 @@
+import createCssResetComponent from '../createCssResetComponent';
+
+export const css = {
+  'html,body': {
+    pad: 0,
+    mar: 0,
+  },
+  html: {
+    fz: '1em',
+  },
+  body: {
+    fz: '100%',
+  },
+  'a img,a:link img,a:visited img': {
+    bd: 0,
+  },
+};
+
+const CssResetPoorMan = createCssResetComponent(css);
+
+export default CssResetPoorMan;

src/reset/CssResetPoorMan/story.ts

@@ -0,0 +1,10 @@
+import {createElement as h} from 'react';
+import {storiesOf} from '@storybook/react';
+import {action} from '@storybook/addon-actions';
+import {linkTo} from '@storybook/addon-links';
+import CssResetPoorMan from '.';
+
+storiesOf('reset', module)
+  .add('CssResetPoorMan', () =>
+    h(CssResetPoorMan)
+  );