iOS outer-content css

ionic/components/card/test/advanced/index.ts

@@ -5,6 +5,3 @@ import {App} from 'ionic/ionic';
   templateUrl: 'main.html'
 })
 class E2EApp {}
-
-
-document.body.style.background='#eee';

ionic/components/card/test/advanced/main.html

@@ -1,6 +1,7 @@
 
 <ion-toolbar><ion-title>Advanced Cards</ion-title></ion-toolbar>
 
+<ion-content class="outer-content">
 
   <ion-card>
 
@@ -52,6 +53,7 @@
 
   </ion-card>
 
+</ion-content>
 
 <style>
   .avatar {

ionic/components/card/test/basic/index.ts

@@ -5,6 +5,3 @@ import {App} from 'ionic/ionic';
   templateUrl: 'main.html'
 })
 class E2EApp {}
-
-
-document.body.style.background='#eee';

ionic/components/card/test/basic/main.html

@@ -1,6 +1,7 @@
 
 <ion-toolbar><ion-title>Basic Cards</ion-title></ion-toolbar>
 
+<ion-content class="outer-content">
 
   <ion-card>
 
@@ -59,3 +60,5 @@
     </button>
 
   </ion-card>
+
+</ion-content>

ionic/components/card/test/images/index.ts

@@ -5,6 +5,3 @@ import {App} from 'ionic/ionic';
   templateUrl: 'main.html'
 })
 class E2EApp {}
-
-
-document.body.style.background='#eee';

ionic/components/card/test/images/main.html

@@ -2,6 +2,8 @@
 <ion-toolbar><ion-title>Card Images</ion-title></ion-toolbar>
 
 
+<ion-content class="outer-content">
+
   <ion-card>
     <div>
       <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
@@ -27,6 +29,8 @@
 
   </ion-card>
 
+</ion-content>
+
 
 <style>
   .avatar {

ionic/components/content/modes/ios.scss

@@ -0,0 +1,10 @@
+
+// iOS Content
+// --------------------------------------------------
+
+$outer-content-md-background-color:         #efeff4 !default;
+
+
+[mode=ios] .outer-content {
+  background: $outer-content-md-background-color;
+}

ionic/components/item/test/text/index.ts

@@ -5,5 +5,3 @@ import {App} from 'ionic/ionic';
   templateUrl: 'main.html'
 })
 class E2EApp {}
-
-document.body.style.background='#eee';

ionic/components/item/test/text/main.html

@@ -1,5 +1,7 @@
 <ion-toolbar><ion-title>Item Text</ion-title></ion-toolbar>
 
+<ion-content class="outer-content">
+
   <ion-list>
 
     <ion-item>
@@ -39,3 +41,5 @@
     </ion-item>
 
   </ion-list>
+
+</ion-content>

ionic/components/list/test/headers/index.ts

@@ -5,5 +5,3 @@ import {App} from 'ionic/ionic';
   templateUrl: 'main.html'
 })
 class E2EApp {}
-
-document.body.style.background='#eee';

ionic/components/list/test/headers/main.html

@@ -1,5 +1,7 @@
 <ion-toolbar><ion-title>List Headers</ion-title></ion-toolbar>
 
+<ion-content class="outer-content">
+
   <ion-list>
 
     <ion-header>
@@ -104,3 +106,5 @@
     </ion-item>
 
   </ion-list>
+
+</ion-content>

ionic/ionic.ios.scss

@@ -5,11 +5,12 @@
   "components/toolbar/modes/ios",
   "components/action-menu/modes/ios",
   "components/card/modes/ios",
-  "components/checkbox/modes/ios",
+  "components/content/modes/ios",
   "components/list/modes/ios",
   "components/text-input/modes/ios",
   "components/nav-bar/modes/ios",
   "components/popup/modes/ios",
+  "components/checkbox/modes/ios",
   "components/radio/modes/ios",
   "components/search-bar/modes/ios",
   "components/segment/modes/ios",