wix-style-react/dist/src/Themes/businessDashboard/components/SidebarSectionItem.st.css

wix-style-react

/* st-namespace-reference="../../../../../src/Themes/businessDashboard/components/SidebarSectionItem.st.css" */
:import {
  -st-from: "../../../SidebarSectionItem/SidebarSectionItem.st.css";
  -st-default: SidebarSectionItem;
}

:import {
  -st-from: "../foundations/colors.st.css";
  -st-named: sidebarHoveredColor, sidebarBackgroundColor, selectedTextColor, selectedBackgroundColor, hoveredBackgroundColor, disabledBackgroundColor, collapsiblleNonActive, textColor, selectedTextColor, disabledTextColor, collapsibleBackground, collapsibleBackgroundActive;
}

:import {
  -st-from: "../../../Foundation/stylable/typography.st.css";
  -st-named: bold, normal;
}

.root {
  -st-extends: SidebarSectionItem;
}

/* Basic */

.root:skin(dark) {
  background-color: value(sidebarBackgroundColor);
  color: value(textColor);
}

.root:skin(dark)::text {
  line-height: 18px;
}

/* Selected */

.root:skin(dark):selected {
  background-color: #42454C;
  color: value(selectedTextColor);
}

.root:skin(dark):sidebarExperimentCollapsible:selected {
  background-color: value(collapsibleBackgroundActive);
}

.root:skin(dark):selected::text {
  -st-mixin: bold;
  color: value(selectedTextColor);
}

.root:sidebarExperimentCollapsible:skin(dark):selected::text {
  -st-mixin: normal;
  color: value(selectedTextColor);
}

.root:sidebarExperimentCollapsible:skin(dark)::text {
  color: value(collapsiblleNonActive);
}

/* Hovered */

.root:skin(dark):hover, .root:skin(dark):hover:selected:not(:disabled) {
  background-color: value(sidebarHoveredColor);
}

/* Disabled */

.root:sidebarExperimentCollapsible:skin(dark)::text {
  color: value(collapsiblleNonActive);
}

.root:skin(dark):disabled::text {
  color: value(disabledTextColor);
}

.root:skin(dark):disabled {
  background-color: value(disabledBackgroundColor);
  color: value(disabledTextColor);
}