updated docs

Author: ZeeCoder

packages/postcss-container-query/README.md

@@ -2,7 +2,7 @@
 
 This module is part of a [monorepo](https://github.com/ZeeCoder/container-query).
 
-Detailed documentation can be found there.
+Detailed documentation can be found [here](https://github.com/ZeeCoder/container-query/blob/master/docs/parcel.md).
 
 ## License
 

packages/react-container-query/README.md

@@ -2,143 +2,7 @@
 
 This module is part of a [monorepo](https://github.com/ZeeCoder/container-query).
 
-Detailed documentation can be found there.
-
-## Install
-
-```
-yarn add @zeecoder/react-container-query
-# or
-npm install --save @zeecoder/react-container-query
-```
-
-### Set up PostCSS with webpack
-
-[Here](https://github.com/ZeeCoder/container-query/blob/master/docs/postcss.md)
-is a documentation on how to do just that, in order to get the same syntax I've
-been using.
-
-## Usage
-
-Assuming the following CSS:
-
-```pcss
-.App {
-  background: red;
-  font-size: 20px;
-  color: white;
-  padding: 10px;
-  border: none;
-
-  @container (width > 900px) {
-    background: green;
-  }
-}
-```
-
-And assuming that `meta` is the object obtained by running the above CSS
-through the [postcss plugin](https://github.com/ZeeCoder/container-query/tree/master/packages/postcss-container-query).
-
-### `<ContainerQuery>`
-
-A render-prop approach.
-
-```js
-import React, { Component } from "react";
-import { ContainerQuery } from "@zeecoder/react-container-query";
-import { meta } from "./App.pcss";
-
-const App = () => (
-  <ContainerQuery meta={meta}>
-    <div className="App">My App</div>
-  </ContainerQuery>
-);
-
-export default App;
-```
-
-If you're also interested in the component's size:
-
-```js
-import React, { Component } from "react";
-import { ContainerQuery } from "@zeecoder/react-container-query";
-import { meta } from "./App.pcss";
-
-const App = () => (
-  <ContainerQuery meta={meta}>
-    {size => (
-      <div className="App">
-        My size is: {size.width}x{size.height}
-      </div>
-    )}
-  </ContainerQuery>
-);
-
-export default App;
-```
-
-As you can see the ContainerQuery component automatically picks up the child
-element as the Container.
-
-To do this, the component internally calls `ReactDOM.findDOMNode(this)`.
-If you want to avoid that, you can also pass in the `element` prop:
-
-```js
-import React, { Component } from "react";
-import { ContainerQuery } from "@zeecoder/react-container-query";
-import { meta } from "./App.pcss";
-
-class App extends Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      element: null
-    };
-
-    this.ref = React.createRef();
-  }
-
-  updateElementFromRef() {
-    if (this.state.element !== this.ref.current) {
-      this.setState({ element: this.ref.current });
-    }
-  }
-
-  componentDidMount() {
-    this.updateElementFromRef();
-  }
-
-  componentDidUpdate() {
-    this.updateElementFromRef();
-  }
-
-  render() {
-    return (
-      <ContainerQuery meta={meta} element={this.state.element}>
-        <div className="App" ref={this.ref}>
-          My App
-        </div>
-      </ContainerQuery>
-    );
-  }
-}
-
-export default App;
-```
-
-### `withContainerQuery`
-
-If you prefer Higher-Order Components:
-
-```js
-import { withContainerQuery } from "@zeecoder/react-container-query";
-import { meta } from "./App.pcss";
-
-const App = () => <div className="App">My App</div>;
-
-export default withContainerQuery(App, meta);
-```
+Detailed documentation can be found [here](https://github.com/ZeeCoder/container-query/blob/master/docs/react.md).
 
 ## License