root
34 lines
688 B
CSS
34 lines
688 B
CSS
.tabs {
|
|
min-inline-size: 0;
|
|
}
|
|
.list {
|
|
display: flex;
|
|
gap: var(--space-1);
|
|
overflow-x: auto;
|
|
border-block-end: 1px solid var(--border-standard);
|
|
scrollbar-width: thin;
|
|
}
|
|
.tab {
|
|
flex: none;
|
|
min-block-size: 2.75rem;
|
|
padding-block: var(--space-3);
|
|
padding-inline: var(--space-4);
|
|
border: 0;
|
|
border-block-end: 3px solid transparent;
|
|
background: transparent;
|
|
color: var(--text-secondary);
|
|
cursor: pointer;
|
|
font-weight: 700;
|
|
}
|
|
.tab[aria-selected='true'] {
|
|
border-block-end-color: var(--interactive-primary);
|
|
color: var(--text-primary);
|
|
}
|
|
.tab:disabled {
|
|
cursor: not-allowed;
|
|
opacity: var(--opacity-disabled);
|
|
}
|
|
.panel {
|
|
padding-block: var(--space-5);
|
|
}
|