docs(demos): different bg color for cards demos

This commit is contained in:
Drew Rygh
2015-10-18 18:01:58 -05:00
parent 44a2122480
commit 1c6b0ba55f
9 changed files with 15 additions and 8 deletions

View File

@@ -180,3 +180,10 @@ ion-card.adv-map p {
font-size: 0.7em !important;
}
.ios ion-content.cards-bg {
background-color: #f4f4f7;
}
.md ion-content.cards-bg {
background-color: #e6e6e6 !important;
}

View File

@@ -3,7 +3,7 @@
<ion-title>Advanced: Image</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card>

View File

@@ -3,7 +3,7 @@
<ion-title>Advanced: Map</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card class="adv-map">
<div>

View File

@@ -3,7 +3,7 @@
<ion-title>Advanced: Social</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card>

View File

@@ -3,7 +3,7 @@
<ion-title>Background Images</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card class="adv-background">
<img src="img/card-amsterdam.png"/>

View File

@@ -3,7 +3,7 @@
<ion-title>Basic Cards</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card>

View File

@@ -3,7 +3,7 @@
<ion-title>Card Headers</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card>

View File

@@ -3,7 +3,7 @@
<ion-title>Card Images</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card>

View File

@@ -3,7 +3,7 @@
<ion-title>Card Lists</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo">
<ion-content class="has-header components-demo cards-bg">
<ion-card class="cards-list-demo">