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

fix(card-subtitle): add and document custom CSS properties

Browse Source 
references #14850 references #14808
This commit is contained in:
Brandy Carney
2018-08-14 16:49:07 -04:00
parent e92ff8ab55
commit 7050039398
3 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/card-subtitle/card-subtitle.ios.scss
View File

@@ -5,7 +5,7 @@
// --------------------------------------------------
:host {
--ion-color-base: #{$card-ios-subtitle-color};
--color: #{$card-ios-subtitle-color};
@include margin($card-ios-subtitle-margin-top, $card-ios-subtitle-margin-end, $card-ios-subtitle-margin-bottom, $card-ios-subtitle-margin-start);
@include padding($card-ios-subtitle-padding-top, $card-ios-subtitle-padding-end, $card-ios-subtitle-padding-bottom, $card-ios-subtitle-padding-start);

2
core/src/components/card-subtitle/card-subtitle.md.scss
View File

@@ -5,7 +5,7 @@
// --------------------------------------------------
:host {
--ion-color-base: #{$card-md-subtitle-color};
--color: #{$card-md-subtitle-color};
@include margin($card-md-subtitle-margin-top, $card-md-subtitle-margin-end, $card-md-subtitle-margin-bottom, $card-md-subtitle-margin-start);
@include padding($card-md-subtitle-padding-top, $card-md-subtitle-padding-end, $card-md-subtitle-padding-bottom, $card-md-subtitle-padding-start);

10
core/src/components/card-subtitle/card-subtitle.scss
View File

@@ -4,8 +4,16 @@
// --------------------------------------------------
:host {
/**
* @prop --color: Color of the card subtitle
*/
display: block;
position: relative;
color: #{current-color(base)};
color: var(--color);
}
:host(.ion-color) {
color: current-color(base);
}