mirror/feather
1
0
Fork 0
mirror of https://github.com/feathericons/feather.git synced 2023-08-10 21:13:24 +03:00
Code Issues Projects Releases Wiki Activity

Change button hover styles

Browse Source
This commit is contained in:
Cole Bemis 2017-02-27 12:42:31 -08:00
parent b24716ebb3
commit 71e0c569ac
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
style.scss
View File

@ -8,7 +8,8 @@ $color-text-primary: rgba($color-primary, 0.9);
$color-text-secondary: rgba($color-primary, 0.5); $color-text-secondary: rgba($color-primary, 0.5);
$color-border: rgba($color-primary, 0.1); $color-border: rgba($color-primary, 0.1);
$color-accent: #0090FF; $color-accent: #0090FF;
$color-accent-secondary: rgba($color-accent, 0.5); $color-accent-lighter: rgba($color-accent, 0.5);
$color-accent-darker: #0086EC;
$transition-duration: 200ms; $transition-duration: 200ms;
$border-radius: 0.375rem; $border-radius: 0.375rem;
@ -68,21 +69,29 @@ a {
font-size: 0.875rem; font-size: 0.875rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
transition: opacity $transition-duration; transition:
color $transition-duration,
&:hover { background-color $transition-duration,
opacity: 0.7; box-shadow $transition-duration;
}
} }
.button-primary { .button-primary {
color: white; color: white;
background-color: $color-accent; background-color: $color-accent;
&:hover {
background-color: $color-accent-darker;
}
} }
.button-secondary { .button-secondary {
color: $color-accent; color: $color-accent;
box-shadow: inset 0 0 0 1px $color-accent-secondary; box-shadow: inset 0 0 0 1px $color-accent-lighter;
&:hover {
color: $color-accent-darker;
box-shadow: inset 0 0 0 1px $color-accent;
}
} }
/* Header */ /* Header */