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 slotted icon color md

Browse Source
This commit is contained in:
Liam DeBeasi
2019-02-22 15:46:42 -05:00
parent 6bea9d3248
commit e80abea5cf
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/item/item.md.scss
View File

@@ -99,8 +99,6 @@
// --------------------------------------------------
::slotted(ion-icon) {
color: $item-md-icon-slot-color;
font-size: $item-md-icon-slot-font-size;
}

3
core/src/components/item/item.md.vars.scss
View File

@@ -132,9 +132,6 @@ $item-md-icon-end-slot-margin-start: 16px !default;
/// @prop - Margin end for an icon in the end slot
$item-md-icon-end-slot-margin-end: null !default;
/// @prop - Color for an icon in the start/end slot
$item-md-icon-slot-color: rgba(var(--ion-text-color-rgb, $text-color-rgb), 0.54) !default;
/// @prop - Font size of an icon in the start/end slot
$item-md-icon-slot-font-size: 24px !default;

8
core/src/components/item/test/icons/index.html
View File

@@ -21,6 +21,14 @@
</ion-header>
<ion-content id="content">
<ion-item color="primary" lines="none">
<ion-label>
ion-item w/ color
</ion-label>
<ion-icon name="trash" slot="start"></ion-icon>
</ion-item>
<ion-item detail>
<ion-label>
ion-item [detail] attr