KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

New mediaquery to check if hover is available then only style hover when it is. This solves sticky hover styling on mobile.

Browse Source
This commit is contained in:
Kevin
2020-02-20 13:33:08 +01:00
parent 6ac6a9b039
commit bc6f706e4a
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ui/SeasonedButton.vue
View File

@@ -46,9 +46,16 @@ export default {
padding: 6px 20px 5px 20px; padding: 6px 20px 5px 20px;
} }
body:not(.touch) &:hover, &:focus, &:active, &.active { &:focus, &:active, &.active {
background: $text-color;
color: $background-color;
}
@media (hover: hover) {
&:hover {
background: $text-color; background: $text-color;
color: $background-color; color: $background-color;
} }
} }
}
</style> </style>