fix(infinite-scroll): use icon color from Sass var and add var for text color

fixes #10574
This commit is contained in:
Brandy Carney
2017-02-27 16:12:37 -05:00
parent 116ae38ade
commit 7b97fb7487

View File

@ -10,6 +10,9 @@ $infinite-scroll-loading-margin: 0 0 32px 0 !default;
/// @prop - Color of the infinite scroll loading indicator
$infinite-scroll-loading-color: #666 !default;
/// @prop - Text color of the infinite scroll loading indicator
$infinite-scroll-loading-text-color: $infinite-scroll-loading-color !default;
/// @prop - Margin of the infinite scroll loading text
$infinite-scroll-loading-text-margin: 4px 32px 0 32px !default;
@ -47,7 +50,19 @@ ion-infinite-scroll-content {
.infinite-loading-text {
margin: $infinite-scroll-loading-text-margin;
color: $infinite-scroll-loading-color;
color: $infinite-scroll-loading-text-color;
}
.infinite-loading-spinner .spinner-ios line,
.infinite-loading-spinner .spinner-ios-small line,
.infinite-loading-spinner .spinner-crescent circle {
stroke: $infinite-scroll-loading-color;
}
.infinite-loading-spinner .spinner-bubbles circle,
.infinite-loading-spinner .spinner-circles circle,
.infinite-loading-spinner .spinner-dots circle {
fill: $infinite-scroll-loading-color;
}