javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(card): update currentColor to use contrast color

Browse Source
This commit is contained in:
Brandy Carney
2018-10-09 12:50:50 -05:00
parent 104a823049
commit a9a29f74f9
3 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/card/card.scss
View File

@ -34,7 +34,7 @@
:host(.ion-color)::slotted(*) ion-card-title,
:host(.ion-color)::slotted(*) ion-card-subtitle {
color: currentColor;
color: current-color(contrast);
}
// Slotted Content

15
core/src/components/card/test/basic/index.html
View File

@ -44,6 +44,21 @@
</ion-card-content>
</ion-card>
<ion-card class="custom2">
<ion-card-header>
<ion-card-subtitle>
Subtitle
</ion-card-subtitle>
<ion-card-title>
Title
</ion-card-title>
</ion-card-header>
<ion-card-content>
The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
</ion-card-content>
</ion-card>
<ion-card color="secondary">
<ion-card-header>
<ion-card-subtitle>Subtitle</ion-card-subtitle>

12
core/src/components/card/test/standalone/index.html
View File

@ -28,7 +28,7 @@
</ion-card-header>
<ion-card-content>
The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
The British use the term "header".
</ion-card-content>
</ion-card>
@ -44,7 +44,7 @@
</ion-card-header>
<ion-card-content>
The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
The British use the term "header".
</ion-card-content>
</ion-card>
@ -59,7 +59,7 @@
</ion-card-header>
<ion-card-content>
The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
The British use the term "header".
</ion-card-content>
</ion-card>
@ -74,7 +74,7 @@
</ion-card-header>
<ion-card-content>
The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
The British use the term "header".
</ion-card-content>
</ion-card>
@ -89,7 +89,7 @@
</ion-card-header>
<ion-card-content>
The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
The British use the term "header".
</ion-card-content>
</ion-card>
@ -104,7 +104,7 @@
</ion-card-header>
<ion-card-content>
The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
The British use the term "header".
</ion-card-content>
</ion-card>