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

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

Browse Source 
fixes #10574
This commit is contained in:
Brandy Carney
2017-02-27 16:12:37 -05:00
parent 116ae38ade
commit 7b97fb7487
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/infinite-scroll/infinite-scroll.scss
View File

@ -10,6 +10,9 @@ $infinite-scroll-loading-margin: 0 0 32px 0 !default;
/// @prop - Color of the infinite scroll loading indicator /// @prop - Color of the infinite scroll loading indicator
$infinite-scroll-loading-color: #666 !default; $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 /// @prop - Margin of the infinite scroll loading text
$infinite-scroll-loading-text-margin: 4px 32px 0 32px !default; $infinite-scroll-loading-text-margin: 4px 32px 0 32px !default;
@ -47,7 +50,19 @@ ion-infinite-scroll-content {
.infinite-loading-text { .infinite-loading-text {
margin: $infinite-scroll-loading-text-margin; 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;
} }