@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
56 lines (55 loc) • 1.54 kB
CSS
.spectrum-Tabs {
border-bottom-color: rgb(44, 44, 44);
}
.spectrum-Tabs--vertical {
border-left-color: rgb(44, 44, 44);
}
.spectrum-Tabs-selectionIndicator {
background-color: rgb(239, 239, 239);
}
.spectrum-Tabs-item {
color: rgb(162, 162, 162);
}
.spectrum-Tabs-item .spectrum-Icon {
color: rgb(162, 162, 162)
}
.spectrum-Tabs-item:hover {
color: rgb(239, 239, 239);
}
.spectrum-Tabs-item:hover .spectrum-Icon {
color: rgb(239, 239, 239)
}
.spectrum-Tabs-item.is-selected {
color: rgb(239, 239, 239);
}
.spectrum-Tabs-item.is-selected .spectrum-Icon {
color: rgb(239, 239, 239)
}
.spectrum-Tabs-item.focus-ring {
color: rgb(239, 239, 239);
}
.spectrum-Tabs-item.focus-ring::before {
border-color: rgb(20, 115, 230);
}
.spectrum-Tabs-item.focus-ring .spectrum-Icon {
color: rgb(239, 239, 239)
}
.spectrum-Tabs-item.is-disabled {
color: rgb(92, 92, 92);
}
.spectrum-Tabs-item.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73)
}
.spectrum-Tabs--quiet {
border-bottom-color: transparent;
}
.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator {
background-color: rgb(239, 239, 239);
}
.spectrum-Tabs--vertical.spectrum-Tabs--quiet,
.spectrum-Tabs--vertical.spectrum-Tabs--compact {
border-left-color: transparent;
}
.spectrum-Tabs--vertical.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator, .spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-selectionIndicator {
background-color: rgb(239, 239, 239);
}