wix-style-react/dist/src/TimeTable/components/Item.st.css

wix-style-react

@st-namespace "TimeTableItem";

:import {
  -st-from: '../../Foundation/stylable/colors.st.css';
  -st-named: D80, D20, D10, D10-06, D10-12, D40, D10-30;
}
:import {
  -st-from: '../../Foundation/stylable/typography.st.css';
  -st-named: text-tiny-thin;
}

.root {
  -st-states: disabled, draggable;
  -st-mixin: text-tiny-thin;

  padding: 6px 7px;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow:
    0 2px 4px 0 value(D10-12),
    0 0 6px 0 value(D10-12);
  background-color: value(D80);
  color: value(D20);
  user-select: none;
}

.root:draggable:hover {
  color: value(D10);
  box-shadow:
    0 6px 6px 0 value(D10-06),
    0 0 18px 0 value(D10-12);
}

.root:draggable:hover,
.root:draggable:hover * {
  cursor: grab;
}

.root:draggable:disabled:hover {
  color: value(D40);
}

.root:disabled {
  color: value(D10-30);
}

/* st-namespace-reference="../../../../src/TimeTable/components/Item.st.css" */