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

fix(item): set ion-item-divider colors per mode

Browse Source
This commit is contained in:
Adam Bradley
2016-01-06 22:10:05 -06:00
parent e5aeff828d
commit f74606dc1b
3 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/components/item/item.ios.scss
View File

@ -189,6 +189,17 @@ ion-item-divider {
} }
// Generate iOS Item Divider Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-ios {
ion-item-divider[#{$color-name}] {
background-color: $color-value;
color: inverse($color-value);
}
}
// iOS Item Sliding // iOS Item Sliding
// -------------------------------------------------- // --------------------------------------------------

11
ionic/components/item/item.md.scss
View File

@ -163,6 +163,17 @@ ion-item-divider {
} }
// Generate Material Design Item Divider Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-md {
ion-item-divider[#{$color-name}] {
background-color: $color-value;
color: inverse($color-value);
}
}
// Material Design Item Sliding // Material Design Item Sliding
// -------------------------------------------------- // --------------------------------------------------

7
ionic/components/item/item.scss
View File

@ -88,12 +88,5 @@ ion-item-content + ion-item-content[cnt] {
display: none; display: none;
} }
@each $color-name, $color-value in $colors {
ion-item-divider[#{$color-name}] {
background-color: $color-value;
color: inverse($color-value);
}
}
@import "item-media"; @import "item-media";
@import "item-sliding"; @import "item-sliding";