Only hoved button when on hover enable browsers.

This commit is contained in:
2020-07-19 16:08:47 +02:00
parent e0482e85f3
commit 0059b85674

View File

@@ -1,5 +1,5 @@
<template>
<button :class="computedClass"><slot></slot></button>
<button :class="computedClass" @click="$emit('click')"><slot></slot></button>
</template>
<script>
@@ -57,8 +57,10 @@ button {
font-size: var(--btn-sm);
}
&.scale-rotate:hover {
transform: rotate(4deg) scale(1.05);
@media(hover: hover) and (pointer: fine) {
&.scale-rotate:hover {
transform: rotate(4deg) scale(1.05);
}
}
&.black {