Make tabs buttons
This commit is contained in:
parent
1b8ce8ef1d
commit
85ec2446a3
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user