nitropage/src/features/editor/components/sidebar/common/selection.module.css

A free and open source, extensible visual page builder based on SolidStart.

.createItemForm {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.content {
  display: flex;
  gap: 0.25rem;
  flex-direction: column;
  color: var(--np-slate-600);
}

.item {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.item__title {
  color: var(--np-slate-500);
  min-height: 27px;
  flex: 1px;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--np-slate-300);
}

.item__title:hover {
  color: var(--np-slate-900);
}

.item__title svg {
  color: transparent;
  width: 0.8rem;
  height: 0.8rem;
}

.item:last-child .item__title {
  border-color: transparent;
}

.item.--active .item__title,
.item.--active .item__title svg {
  color: var(--np-slate-900);
}

.item__actions {
  display: flex;
  gap: 0.5rem;
}