refactor(card): convert card to shadow (#19395)

references #18899
This commit is contained in:
Adam Bradley
2019-10-10 14:55:35 -05:00
committed by Liam DeBeasi
parent 17119f59cf
commit 08bb60dcbb
12 changed files with 60 additions and 34 deletions

View File

@ -56,13 +56,13 @@
</ion-card-content>
</ion-card>
<ion-card color="primary" class="rainbow-content">
<ion-card class="rainbow-content">
<ion-card-header>
Card Header
Custom CSS Card Header
</ion-card-header>
<ion-card-content>
<ion-card-title>
Title
Custom CSS Title
</ion-card-title>
Some normal text in content.
<h3>h3 in content</h3>
@ -121,8 +121,12 @@
<style>
.rainbow-content {
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
color: white;
}
.rainbow-content ion-card-header,
.rainbow-content ion-card-title {
color: white;
}
</style>
<script>