mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
docs(demos): different bg color for cards demos
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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"/>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user