/* 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;
}
Add rich text formatting and block styling to editor
Pitch decks to help promote Skyscape Apps