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