Make tabs buttons

This commit is contained in:
Adina Țeudan 2022-01-18 23:07:22 +02:00
parent 1b8ce8ef1d
commit 85ec2446a3
2 changed files with 16 additions and 2 deletions

View File

@ -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;
}

View File

@ -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;
}