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

fix(button): use correct fill color for icons

Browse Source
This commit is contained in:
Brandy Carney
2017-12-07 16:54:11 -05:00
parent ad08e19184
commit b79e2faef0
4 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/core/src/components/toolbar/toolbar.ios.scss
View File

@ -168,6 +168,13 @@
}
// iOS Toolbar Button Icon
// --------------------------------------------------
.bar-button-ios .icon {
fill: $toolbar-ios-button-icon-fill-color;
}
// iOS Toolbar Button Outline
// --------------------------------------------------

3
packages/core/src/components/toolbar/toolbar.ios.vars.scss
View File

@ -27,6 +27,9 @@ $toolbar-ios-button-border-radius: 4px !default;
/// @prop - Font weight of the strong toolbar button
$toolbar-ios-button-strong-font-weight: 600 !default;
/// @prop - Fill color of the toolbar button icon
$toolbar-ios-button-icon-fill-color: currentColor !default;
/// @prop - Filter of the translucent toolbar
$toolbar-ios-translucent-filter: saturate(180%) blur(20px) !default;

8
packages/core/src/components/toolbar/toolbar.md.scss
View File

@ -174,6 +174,14 @@
}
// Material Design Toolbar Button Icon
// --------------------------------------------------
.bar-button-md .icon {
fill: $toolbar-md-button-icon-fill-color;
}
// Material Design Toolbar Button Outline
// --------------------------------------------------

3
packages/core/src/components/toolbar/toolbar.md.vars.scss
View File

@ -24,5 +24,8 @@ $toolbar-md-button-color: color-contrast($colors-md, $toolbar-md-
/// @prop - Border radius of the toolbar button
$toolbar-md-button-border-radius: 2px !default;
/// @prop - Fill color of the toolbar button icon
$toolbar-md-button-icon-fill-color: currentColor !default;
/// @prop - Font weight of the strong toolbar button
$toolbar-md-button-strong-font-weight: bold !default;