nightshade-api 0.51.0

Procedural high level API for the nightshade game engine
Documentation
/* nightshade ordered-list editor. */

.nightshade-ordered-list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--nightshade-panel-border);
  border-radius: 9px;
  overflow: hidden;
}

.nightshade-ordered-empty {
  padding: 16px;
  text-align: center;
  color: var(--nightshade-text-dim);
}

.nightshade-ordered-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px 4px 4px;
}

.nightshade-ordered-row + .nightshade-ordered-row {
  border-top: 1px solid color-mix(in srgb, var(--nightshade-panel-border) 55%, transparent);
}

.nightshade-ordered-label {
  flex: 1 1 auto;
  padding: 5px 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--nightshade-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nightshade-ordered-label:hover {
  background: var(--nightshade-hover);
}

.nightshade-ordered-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.nightshade-ordered-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: var(--nightshade-text-dim);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

.nightshade-ordered-action:hover:not(:disabled) {
  background: var(--nightshade-hover);
  color: var(--nightshade-text);
}

.nightshade-ordered-action.danger:hover:not(:disabled) {
  color: var(--nightshade-danger);
}

.nightshade-ordered-action:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}