nitropage/src/features/editor/components/viewport/element.module.css

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

.no-blueprint-element-placeholder {
  user-select: none;
  padding: calc(1rem / var(--zoom));
  cursor: default;
  font-size: calc(1rem / var(--zoom));
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  font-weight: 700;
  background-color: var(--np-accent-600);
  border-radius: calc(4px / var(--zoom));
  box-shadow:
    0 0 0 calc(2px / var(--zoom)) var(--np-accent-300),
    0 0 0 calc(3px / var(--zoom)) var(--np-accent-600);
}

.error-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: #4c0519;
  background-color: #fda4af;
  box-shadow:
    inset 0 0 0 1px white,
    inset 0 0 0 2px #ef4444;
  padding: 0.75rem;
}

.error-card__content {
  font-size: 1rem;
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}