wix-style-react
Version:
wix-style-react
47 lines (39 loc) • 920 B
CSS
@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" */