Force button icons to inherit color
authorAlexander Ebert <ebert@woltlab.com>
Wed, 16 Mar 2016 09:27:30 +0000 (10:27 +0100)
committerAlexander Ebert <ebert@woltlab.com>
Wed, 16 Mar 2016 09:27:30 +0000 (10:27 +0100)
wcfsetup/install/files/style/ui/button.scss

index 2b2bf7b994e654d929781832aab491966c6925ae..f2c3a9d256682aaa5271b281fe8afba19d16316f 100644 (file)
@@ -18,7 +18,7 @@ a.button { // a.button is required to override link formatting, such as drop-dow
        @include wcfLineHeight;
        
        .icon {
-               color: $wcfButtonText;
+               color: inherit;
        }
        
        &.active,
@@ -26,10 +26,6 @@ a.button { // a.button is required to override link formatting, such as drop-dow
                background-color: $wcfButtonBackgroundActive;
                border-color: $wcfButtonBorderActive;
                color: $wcfButtonTextActive;
-               
-               .icon {
-                       color: $wcfButtonTextActive;
-               }
        }
        
        &.small {
@@ -48,19 +44,11 @@ a.button.buttonPrimary { // a.button is required to override link formatting, su
        border-color: $wcfButtonPrimaryBorder;
        color: $wcfButtonPrimaryText;
        
-       .icon {
-               color: $wcfButtonPrimaryText;
-       }
-       
        &.active,
        &:hover {
                background-color: $wcfButtonPrimaryBackgroundActive;
                border-color: $wcfButtonPrimaryBorderActive;
                color: $wcfButtonPrimaryTextActive;
-               
-               .icon {
-                       color: $wcfButtonPrimaryTextActive;
-               }
        }
 }