@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
57 lines (56 loc) • 1.92 kB
CSS
.spectrum--lightest .spectrum-Tabs {
border-bottom-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Tabs--vertical {
border-left-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Tabs-selectionIndicator {
background-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Tabs-item .spectrum-Icon {
color: rgb(116, 116, 116)
}
.spectrum--lightest .spectrum-Tabs-item:hover {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item:hover .spectrum-Icon {
color: rgb(50, 50, 50)
}
.spectrum--lightest .spectrum-Tabs-item.is-selected {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item.is-selected .spectrum-Icon {
color: rgb(50, 50, 50)
}
.spectrum--lightest .spectrum-Tabs-item.focus-ring {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item.focus-ring::before {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Tabs-item.focus-ring .spectrum-Icon {
color: rgb(50, 50, 50)
}
.spectrum--lightest .spectrum-Tabs-item.is-disabled {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Tabs-item.is-disabled .spectrum-Icon {
color: rgb(211, 211, 211)
}
.spectrum--lightest .spectrum-Tabs--quiet {
border-bottom-color: transparent;
}
.spectrum--lightest .spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator {
background-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--quiet,
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--compact {
border-left-color: transparent;
}
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator,
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-selectionIndicator {
background-color: rgb(50, 50, 50);
}