@include wcfLineHeight;
.icon {
- color: $wcfButtonText;
+ color: inherit;
}
&.active,
background-color: $wcfButtonBackgroundActive;
border-color: $wcfButtonBorderActive;
color: $wcfButtonTextActive;
-
- .icon {
- color: $wcfButtonTextActive;
- }
}
&.small {
border-color: $wcfButtonPrimaryBorder;
color: $wcfButtonPrimaryText;
- .icon {
- color: $wcfButtonPrimaryText;
- }
-
&.active,
&:hover {
background-color: $wcfButtonPrimaryBackgroundActive;
border-color: $wcfButtonPrimaryBorderActive;
color: $wcfButtonPrimaryTextActive;
-
- .icon {
- color: $wcfButtonPrimaryTextActive;
- }
}
}