poui/src/Poui.css

A React component for designating partial orders

.poui-parto {
  display: flex;
  flex-direction: column;
}

.poui-parto-item {
  margin-top: 0.5ex;
  margin-bottom: 0.5ex;
  padding-top: 0.9ex;
  padding-bottom: 1ex;
  padding-left: 1em;
  padding-right: 1em;
  border: 1.5pt solid black;
  border-radius: 1ex;
  background: radial-gradient(#f0f0f0, #ddd);
  cursor: pointer;
}

.poui-parto-item:hover {
  border-color: #666;
  background: radial-gradient(#fff, #eee);
}

.poui-dragtarget-before {
  padding-top: 4ex;
}

.poui-dragtarget-after {
  padding-bottom: 4ex;
}

.poui-parto-ul {
  padding-top: 0.4ex;
  padding-bottom: 0.4ex;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: 1pt solid black;
  border-radius: 0.6ex;
  background: #f5f5f5;
}

.poui-parto-ul .poui-item {
  display: block;
}