iOS outer-content css

This commit is contained in:
Adam Bradley
2015-08-31 15:32:04 -05:00
parent bf4eea3fb2
commit c6ee245f70
12 changed files with 247 additions and 232 deletions

View File

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

View File

@ -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 {

View File

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

View File

@ -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>

View File

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

View File

@ -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 {

View File

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

View File

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

View File

@ -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>

View File

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

View File

@ -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>

View File

@ -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",