From 85ec2446a35436786573dfdad8fc5c7bb16d5ac0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 18 Jan 2022 23:07:22 +0200
Subject: [PATCH] Make tabs buttons

---
 src/assets/styles/_common-mixins.scss | 10 ++++++++++
 src/assets/styles/common-tabs.scss    |  8 ++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/assets/styles/_common-mixins.scss b/src/assets/styles/_common-mixins.scss
index 206a189..0787a12 100644
--- a/src/assets/styles/_common-mixins.scss
+++ b/src/assets/styles/_common-mixins.scss
@@ -46,3 +46,13 @@
 @mixin drop-shadow {
     box-shadow: 0 4px 3px 2px var(--iqser-btn-bg-hover);
 }
+
+@mixin clear-btn {
+    background: none;
+    color: inherit;
+    border: none;
+    padding: 0;
+    font: inherit;
+    cursor: pointer;
+    outline: inherit;
+}
diff --git a/src/assets/styles/common-tabs.scss b/src/assets/styles/common-tabs.scss
index 08d68e4..05726ea 100644
--- a/src/assets/styles/common-tabs.scss
+++ b/src/assets/styles/common-tabs.scss
@@ -1,4 +1,8 @@
+@use 'common-mixins' as mixins;
+
 .red-tab {
+    @include mixins.clear-btn;
+
     &:not(:last-child) {
         margin-right: 2px;
     }
@@ -10,7 +14,7 @@
     transition: background-color 0.2s;
     cursor: pointer;
 
-    &:not(.disabled):not(.active):hover {
+    &:not([disabled]):not(.active):hover {
         background-color: var(--iqser-grey-6);
     }
 
@@ -20,7 +24,7 @@
         color: var(--iqser-primary);
     }
 
-    &.disabled {
+    &[disabled] {
         color: rgba(var(--iqser-accent-rgb), 0.3);
         cursor: not-allowed;
     }