/* =========================================================================== Nur fuer den Redaktionsbetrieb. Diese Regeln gestalten Elemente, die es auf der oeffentlichen Seite gar nicht gibt - der Build entfernt den Ausloeser-Knopf und alle data-edit-Attribute. Deshalb stehen sie in einer eigenen Datei, die NICHT mit nach dist/ wandert: Sonst verriete das CSS der Kundenseite, dass es einen Redaktionsbereich gibt, ohne dass es dort irgendetwas bewirkt. =========================================================================== */ /* --- Editor-Ausloeser ---------------------------------------------------- Das einzige Editor-Element, das ein Besucher sehen kann. Bewusst gestaltet und unauffaellig, nicht nur eingebaut. Sicherheit liegt serverseitig. */ [data-editor-trigger] { font-family: var(--schrift-titel); font-size: var(--groesse-klein); background: none; border: 1px solid var(--farbe-linie); border-radius: var(--radius); color: var(--farbe-text-leise); padding: var(--abstand-xs) var(--abstand-s); cursor: pointer; } [data-editor-trigger]:hover { border-color: var(--farbe-akzent); color: var(--farbe-akzent); } /* Im Bearbeitungsmodus soll ein editierbares Feld in einem Link aussehen wie Text, nicht wie ein Link - sonst erwartet man einen Sprung statt eines Cursors. Die Navigation selbst unterbindet editor.js. .ce-editing setzt der Editor auf . */ body.ce-editing a [data-edit-text], body.ce-editing a[data-edit-text] { cursor: text; }