Fixed button color when a link

This commit is contained in:
2018-06-28 05:40:45 +10:00
parent 3dc7f73b2a
commit 21c0c5767d
3 changed files with 14 additions and 2 deletions

View File

@ -20,6 +20,10 @@
&__inner {
padding: ( $t-input--style-dp__padding / 2 ) $t-input--style-dp__padding;
}
&:hover {
text-decoration: none;/* Override Standard Link Underline */
}
}
//Button Group

View File

@ -54,11 +54,14 @@ $s-color--input-default__border: 1px solid #AAA;
$s-color--input-default__top: #F7F7F7;
$s-color--input-default__bottom: #DADADA;
$s-color--input-default-hover__top: $s-color--input-default__bottom;
$s-color--input-default__text: black;
$s-color--input-default-hover__text: black;
//Input Styles
$s-color--input-focus__outline: darken($s-color--swatch-blue, 20%);
//Button Primary
$s-color--input-primary__text: black;
$s-color--input-primary__top: $s-color--swatch-blue;
$s-color--input-primary__bottom: darken($s-color--input-primary__top, 8%);

View File

@ -22,13 +22,14 @@
$t-input--style-dp__padding: 1em;
//Basic Design
@mixin t-input--style($top, $bottom) {
@mixin t-input--style($top, $bottom, $color:black) {
&::before,
&:active &__inner {
background: $bottom;
}
&__inner {
color: $color;
background: $top;
}
}
@ -76,6 +77,8 @@ $t-input--style-dp__padding: 1em;
background: $s-color--input-default__top;
border: $s-color--input-default__border;
transition: all 0.1s $s-animation--ease-out;
color: $s-color--input-default__text;
//border-radius: $t-input--style-dp__padding / 3;
//Shine effect
@ -91,6 +94,7 @@ $t-input--style-dp__padding: 1em;
//Pseudo elements
&:hover &__inner {
color: $s-color--input-default-hover__text;
@include t-translate-y($t-input--style-dp__padding / 8);
}
@ -118,7 +122,8 @@ $t-input--style-dp__padding: 1em;
&--style-primary {
@include t-input--style(
$s-color--input-primary__top,
$s-color--input-primary__bottom
$s-color--input-primary__bottom,
$s-color--input-primary__text
);
}