From f1917acae195de7143133e77877375a20d5285bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Wed, 26 Oct 2016 17:32:38 +0100
Subject: [PATCH] no  in embeds

---
 ui/docs/containers/app/index.js       |  4 +--
 ui/docs/containers/item/index.js      |  3 +-
 ui/docs/containers/item/style.css     | 10 ------
 ui/src/components/button/readme.md    | 36 +++++++++++-----------
 ui/src/components/checkbox/readme.md  | 44 +++++++++++++--------------
 ui/src/components/column/readme.md    | 18 +++++------
 ui/src/components/container/readme.md | 15 ---------
 ui/src/components/row/readme.md       | 10 +++---
 ui/src/components/toggle/readme.md    | 18 +++++------
 ui/test/index.js                      |  1 +
 10 files changed, 62 insertions(+), 97 deletions(-)
 delete mode 100644 ui/docs/containers/item/style.css

diff --git a/ui/docs/containers/app/index.js b/ui/docs/containers/app/index.js
index 57adffe7..0035f7b8 100644
--- a/ui/docs/containers/app/index.js
+++ b/ui/docs/containers/app/index.js
@@ -24,10 +24,10 @@ module.exports = () => {
     <Base>
       <Container fluid>
         <Row>
-          <Column md={2} xs={12}>
+          <Column md={2} sm={3} xs={12}>
             <Navigation />
           </Column>
-          <Column md={10} xs={12}>
+          <Column md={10} sm={9} xs={12}>
             <Match
               component={Home}
               exactly
diff --git a/ui/docs/containers/item/index.js b/ui/docs/containers/item/index.js
index 3fe4ad2e..d14df62b 100644
--- a/ui/docs/containers/item/index.js
+++ b/ui/docs/containers/item/index.js
@@ -1,7 +1,6 @@
 const get = require('lodash.get');
 const InnerHTML = require('dangerously-set-inner-html');
 const React = require('react');
-const styles = require('./style.css');
 const titleCase = require('title-case');
 
 const Docs = require('../../../src/docs');
@@ -21,7 +20,7 @@ const Item = ({
   );
 
   return (
-    <div className={styles.item}>
+    <div>
       {item}
     </div>
   );
diff --git a/ui/docs/containers/item/style.css b/ui/docs/containers/item/style.css
deleted file mode 100644
index e5608293..00000000
--- a/ui/docs/containers/item/style.css
+++ /dev/null
@@ -1,10 +0,0 @@
-
-.item {
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: auto;
-
-  @media (min-width: 48em) {
-    margin-left: 15rem;
-  }
-}
diff --git a/ui/src/components/button/readme.md b/ui/src/components/button/readme.md
index c004d9c4..61b8e64b 100644
--- a/ui/src/components/button/readme.md
+++ b/ui/src/components/button/readme.md
@@ -14,25 +14,23 @@ const styles = require('./style.css');
 
 nmodule.exports = ReactDOM.renderToString(
   <Base>
-    <Container>
-      <Row>
-        <Column>
-          <Button>
-            Create an Instance
-          </Button>
-        </Column>
-        <Column>
-          <Button secondary>
-            Cancel
-          </Button>
-        </Column>
-        <Column>
-          <Button disabled>
-            Inactive Button
-          </Button>
-        </Column>
-      </Row>
-    </Container>
+    <Row>
+      <Column>
+        <Button>
+          Create an Instance
+        </Button>
+      </Column>
+      <Column>
+        <Button secondary>
+          Cancel
+        </Button>
+      </Column>
+      <Column>
+        <Button disabled>
+          Inactive Button
+        </Button>
+      </Column>
+    </Row>
   </Base>
 );
 ```
diff --git a/ui/src/components/checkbox/readme.md b/ui/src/components/checkbox/readme.md
index 7842807f..71d653dd 100644
--- a/ui/src/components/checkbox/readme.md
+++ b/ui/src/components/checkbox/readme.md
@@ -14,29 +14,27 @@ const styles = require('./style.css');
 
 nmodule.exports = ReactDOM.renderToString(
   <Base>
-    <Container>
-      <Row>
-        <Column>
-          <Checkbox checked>
-            Checkbox checked
-          </Checkbox>
-        </Column>
-      </Row>
-      <Row>
-        <Column>
-          <Checkbox>
-            Checkbox unchecked
-          </Checkbox>
-        </Column>
-      </Row>
-      <Row>
-        <Column>
-          <Checkbox disabled>
-            Checkbox disabled
-          </Checkbox>
-        </Column>
-      </Row>
-    </Container>
+    <Row>
+      <Column>
+        <Checkbox checked>
+          Checkbox checked
+        </Checkbox>
+      </Column>
+    </Row>
+    <Row>
+      <Column>
+        <Checkbox>
+          Checkbox unchecked
+        </Checkbox>
+      </Column>
+    </Row>
+    <Row>
+      <Column>
+        <Checkbox disabled>
+          Checkbox disabled
+        </Checkbox>
+      </Column>
+    </Row>
   </Base>
 );
 ```
diff --git a/ui/src/components/column/readme.md b/ui/src/components/column/readme.md
index fb2ef870..5531b836 100644
--- a/ui/src/components/column/readme.md
+++ b/ui/src/components/column/readme.md
@@ -11,7 +11,7 @@ const Row = require('../row');
 const Column = require('./index');
 
 const styles = {
-  container: {
+  base: {
     backgroundColor: '#FFEBEE'
   },
   row: {
@@ -25,13 +25,13 @@ const styles = {
 };
 
 nmodule.exports = ReactDOM.renderToString(
-  <Container style={styles.container}>
+  <Base style={styles.base}>
     <Row style={styles.row} around>
       <Column style={styles.column} xs={2}>1</Column>
       <Column style={styles.column} xs={2}>2</Column>
       <Column style={styles.column} xs={2}>3</Column>
     </Row>
-  </Container>
+  </Base>
 );
 ```
 
@@ -45,13 +45,11 @@ const Column = require('ui/column');
 
 module.exports = () => {
   return (
-    <Container>
-      <Row around>
-        <Column xs={2}>1</Column>
-        <Column xs={2}>2</Column>
-        <Column xs={2}>3</Column>
-      </Row>
-    </Container>
+    <Row around>
+      <Column xs={2}>1</Column>
+      <Column xs={2}>2</Column>
+      <Column xs={2}>3</Column>
+    </Row>
   );
 };
 ```
\ No newline at end of file
diff --git a/ui/src/components/container/readme.md b/ui/src/components/container/readme.md
index 25501fd2..9e76d7b8 100644
--- a/ui/src/components/container/readme.md
+++ b/ui/src/components/container/readme.md
@@ -1,18 +1,3 @@
 # `<Container>`
 
-## demo
-
-```embed
-const React = require('react');
-const ReactDOM = require('react-dom/server');
-const Container = require('./index.js');
-const Button = require('../button');
-
-nmodule.exports = ReactDOM.renderToString(
-  <Container>
-    <Button>Hello World</Button>
-  </Container>
-);
-```
-
 ## usage
diff --git a/ui/src/components/row/readme.md b/ui/src/components/row/readme.md
index c03b0ef8..fda43cec 100644
--- a/ui/src/components/row/readme.md
+++ b/ui/src/components/row/readme.md
@@ -10,12 +10,10 @@ const Container = require('../container');
 const Button = require('../button');
 
 nmodule.exports = ReactDOM.renderToString(
-  <Container>
-    <Row center='xs' start='sm'>
-      <Button>1</Button>
-      <Button>2</Button>
-    </Row>
-  </Container>
+  <Row center='xs' start='sm'>
+    <Button>1</Button>
+    <Button>2</Button>
+  </Row>
 );
 ```
 
diff --git a/ui/src/components/toggle/readme.md b/ui/src/components/toggle/readme.md
index 053f8d32..12c1430b 100644
--- a/ui/src/components/toggle/readme.md
+++ b/ui/src/components/toggle/readme.md
@@ -14,16 +14,14 @@ const styles = require('./style.css');
 
 nmodule.exports = ReactDOM.renderToString(
   <Base>
-    <Container>
-      <Row>
-        <Column>
-          <Toggle />
-        </Column>
-        <Column>
-          <Toggle off />
-        </Column>
-      </Row>
-    </Container>
+    <Row>
+      <Column>
+        <Toggle />
+      </Column>
+      <Column>
+        <Toggle off />
+      </Column>
+    </Row>
   </Base>
 );
 ```
diff --git a/ui/test/index.js b/ui/test/index.js
index c5415ec3..f1485733 100644
--- a/ui/test/index.js
+++ b/ui/test/index.js
@@ -11,3 +11,4 @@ test('renders <Button> without exploding', (t) => {
   const wrapper = shallow(<Button />);
   t.deepEqual(wrapper.length, 1);
 });
+