editor.css
css
/* Editor page styles - use Tailwind/DaisyUI classes in HTML, not CSS vars */
.slide-thumb {
  aspect-ratio: 16/9;
  cursor: pointer;
  transition: all 0.2s ease;
}
.slide-thumb:hover {
  transform: scale(1.02);
}
.block-wrapper {
  position: relative;
  transition: all 0.15s ease;
}
.block-handle {
  opacity: 0;
  cursor: grab;
  transition: opacity 0.15s;
}
.block-wrapper:hover .block-handle {
  opacity: 0.5;
}
.block-action-btn {
  opacity: 0;
  transition: opacity 0.15s;
}
.block-wrapper:hover .block-action-btn {
  opacity: 1;
}
.CodeMirror {
  height: auto;
  min-height: 60px;
  font-size: 14px;
  border-radius: 8px;
}
[contenteditable]:focus {
  outline: none;
}
72f0edf

Add rich text formatting and block styling to editor

Connor McCutcheon
@connor
0 stars

Pitch decks to help promote Skyscape Apps

Sign in to comment Sign In