YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed button color when a link

Browse Source
This commit is contained in:
Dominic Masters
2018-06-28 05:40:45 +10:00
parent 3dc7f73b2a
commit 21c0c5767d
3 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/styles/objects/_button.scss
View File

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

3
public/styles/settings/colors.scss
View File

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

9
public/styles/tools/_input.scss
View File

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