From a0571532e6ba456c6e50f881c86fe44f8e6be348 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 5 Feb 2016 18:01:36 -0500
Subject: [PATCH] docs(demos): inject stylesheet in tabs so it shows properly

references driftyco/ionic-site#397
---
 demos/tabs/index.ts  |  2 ++
 demos/tabs/main.html | 14 --------------
 demos/tabs/style.css | 11 +++++++++++
 3 files changed, 13 insertions(+), 14 deletions(-)
 create mode 100644 demos/tabs/style.css

diff --git a/demos/tabs/index.ts b/demos/tabs/index.ts
index 8807633159..a3830bbae4 100644
--- a/demos/tabs/index.ts
+++ b/demos/tabs/index.ts
@@ -4,3 +4,5 @@ import {App} from 'ionic/ionic';
   templateUrl: 'main.html',
 })
 class ApiDemoApp {}
+
+document.body.innerHTML += '<link href="style.css" rel="stylesheet">'
diff --git a/demos/tabs/main.html b/demos/tabs/main.html
index 5228e8a13d..b12f136d4b 100644
--- a/demos/tabs/main.html
+++ b/demos/tabs/main.html
@@ -77,17 +77,3 @@
     <ion-tab tabIcon="settings" [root]="root"></ion-tab>
   </ion-tabs>
 </ion-content>
-
-<style>
-  ion-tabs[no-navbar] {
-    position: relative;
-    top: auto;
-    height: auto;
-    margin-bottom: 20px;
-  }
-
-  ion-tabs[no-navbar] > ion-navbar-section,
-  ion-tabs[no-navbar] > ion-content-section {
-    display: none !important;
-  }
-</style>
diff --git a/demos/tabs/style.css b/demos/tabs/style.css
new file mode 100644
index 0000000000..6bf7b74e17
--- /dev/null
+++ b/demos/tabs/style.css
@@ -0,0 +1,11 @@
+ion-tabs[no-navbar] {
+  position: relative;
+  top: auto;
+  height: auto;
+  margin-bottom: 20px;
+}
+
+ion-tabs[no-navbar] > ion-navbar-section,
+ion-tabs[no-navbar] > ion-content-section {
+  display: none !important;
+}