60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
.tabs--container {
|
|
@apply flex;
|
|
}
|
|
|
|
.tabs--container--with-border {
|
|
@apply border-b border-n-weak;
|
|
}
|
|
|
|
.tabs {
|
|
@apply border-r-0 border-l-0 border-t-0 flex min-w-[6.25rem] py-0 px-4 list-none mb-0;
|
|
}
|
|
|
|
.tabs--with-scroll {
|
|
@apply overflow-hidden py-0 px-1;
|
|
max-width: calc(100% - 64px);
|
|
}
|
|
|
|
.tabs--scroll-button {
|
|
@apply items-center rounded-none cursor-pointer flex h-auto justify-center min-w-[2rem];
|
|
}
|
|
|
|
|
|
.tabs-title {
|
|
@apply flex-shrink-0 my-0 mx-2;
|
|
|
|
.badge {
|
|
@apply bg-n-slate-3 rounded-xl text-n-slate-11 h-5 flex items-center justify-center text-xxs font-semibold my-0 mx-1 px-1 py-0;
|
|
}
|
|
|
|
&:first-child {
|
|
@apply ml-0;
|
|
}
|
|
|
|
&:last-child {
|
|
@apply mr-0;
|
|
}
|
|
|
|
&:hover,
|
|
&:focus {
|
|
a {
|
|
@apply text-n-slate-11;
|
|
}
|
|
}
|
|
|
|
a {
|
|
@apply flex items-center flex-row border-b py-2.5 select-none cursor-pointer border-transparent text-n-slate-10 text-sm top-[1px] relative;
|
|
transition: border-color 0.15s $swift-ease-out-function;
|
|
}
|
|
|
|
&.is-active {
|
|
a {
|
|
@apply border-b border-n-brand text-n-brand;
|
|
}
|
|
|
|
.badge {
|
|
@apply bg-n-slate-3 text-n-brand;
|
|
}
|
|
}
|
|
}
|