Do not rely on opacity change for hover feedback

Signed-off-by: Marco Ambrosini <[email protected]>

Author: marcoambrosini

src/components/Button/Button.vue

@@ -548,22 +548,18 @@ export default {
 	&--vue-tertiary-no-background {
 		color: var(--color-main-text);
 		background-color: transparent;
-		opacity: .7;
 		&:hover:not(:disabled) {
 			background-color: transparent;
-			opacity: 1;
 		}
 	}
 
 	// Tertiary on primary color (like the header)
 	&--vue-tertiary-on-primary {
 		color: var(--color-primary-text);
 		background-color: transparent;
-		opacity: .7;
 
 		&:hover:not(:disabled) {
 			background-color: transparent;
-			opacity: 1;
 		}
 	}
 

webpack.dev.js

@@ -1,12 +1,12 @@
-const { merge } = require('webpack-merge')
-const common = require('./webpack.common.js')
+const { merge } = require('webpack-merge');
+const common = require('./webpack.common.js');
 
 module.exports = merge(common, {
 	mode: 'development',
 	devServer: {
 		historyApiFallback: true,
 		noInfo: true,
-		overlay: true,
+		overlay: true
 	},
 	devtool: 'source-map',
 })