Merge pull request #337 from rackerlabs/docs-to-master

chore(git): sync 'docs' and 'master'

Author: CITguy

README.md

@@ -2,7 +2,7 @@
 
 ## Developer Setup
 
-0. [install yarn](https://yarnpkg.com/en/docs/install)
-0. [install test dependencies](https://github.com/rackerlabs/helix-ui/wiki/Testing#system-requirements)
-0. `yarn install` to install project dependencies
-0. `yarn start` to begin working
+1. [install yarn](https://yarnpkg.com/en/docs/install)
+2. [install test dependencies](https://github.com/rackerlabs/helix-ui/wiki/Testing#system-requirements)
+3. `yarn install` to install project dependencies
+4. `yarn start` to begin working

docs/guides/getting-started/index.html

@@ -97,10 +97,16 @@ <h2 id="step-2">Step 2: Install Polyfills</h2>
       </li>
       <li>Proceed to "Step 3: Choose a Layout".</li>
     </ol>
+    <p class="hxSubBody hxSubdued">
+      <hx-icon type="info-circle"></hx-icon>
+      Version 2.x (or later) is recommended, because it is more efficient
+      in loading required polyfill bundles.
+    </p>
     <hx-tabset class="beta-hxBound">
       <hx-tablist>
         <hx-tab>NPM</hx-tab>
         <hx-tab>Download</hx-tab>
+        <hx-tab>unpkg</hx-tab>
       </hx-tablist>
       <hx-tabcontent>
         <hx-tabpanel class="hxBox-xl">
@@ -132,6 +138,17 @@ <h2 id="step-2">Step 2: Install Polyfills</h2>
             </a>.
           </p>
         </hx-tabpanel>
+        <hx-tabpanel class="hxBox-xl">
+          <p>
+            Alternatively, you can load the polyfills directly from
+            <a href="https://unpkg.com">unpkg.com</a> via the following URLs.
+          </p>
+
+          <ul>
+            <li><code>https://unpkg.com/@webcomponents/webcomponentsjs@2/webcomponents-loader.js</code></li>
+            <li><code>https://unpkg.com/@webcomponents/webcomponentsjs@2/custom-elements-es5-adapter.js</code></li>
+          </ul>
+        </hx-tabpanel>
       </hx-tabcontent>
     </hx-tabset>
     <p class="hxSubdued hxSubBody">

src/helix-ui/styles/elements/hx-tabcontent.less

@@ -3,6 +3,7 @@ hx-tabcontent {
   border-color: @gray-300 transparent;
   border-style: solid;
   border-width: 1px;
+  flex-basis: 0px;
   flex-shrink: 0;
   min-height: 14rem; // 224px
   overflow: hidden;