A calm place to write long-form, and publish it to the open social web.
skypress.blog/
Style post-length counter and mention autocomplete option
author
Jeremy Herve
date
(Jun 12, 2026, 6:47 PM +0200)
commit
aeaf926b
aeaf926bab8a37c0d0da1e3d5c348f59f6f8bf55
parent
91e7ae03
91e7ae03b8121fc564d6c20e44ff24753be94c6f
+29
+29
src/styles/editor-chrome.css
+29
src/styles/editor-chrome.css
···
114
114
.publish__error {
115
115
color: var(--ember);
116
116
}
117
+
.publish__count {
118
+
margin: 0;
119
+
font-size: 0.8rem;
120
+
color: var(--muted);
121
+
}
122
+
.publish__count--over {
123
+
/* Fixed red, NOT a theme token: --ember is recolored per publication
124
+
(themes.ts), which could leave this over-limit warning unreadable. */
125
+
color: #b00020;
126
+
font-weight: 600;
127
+
}
117
128
118
129
/* Mode bar */
119
130
.studio__mode {
···
389
400
animation: none;
390
401
}
391
402
}
403
+
404
+
/* @-mention autocomplete row (portaled into the editor's completer popover). */
405
+
.skypress-mention-option {
406
+
display: flex;
407
+
align-items: center;
408
+
gap: 0.4rem;
409
+
}
410
+
.skypress-mention-option__avatar {
411
+
border-radius: 50%;
412
+
}
413
+
.skypress-mention-option__handle {
414
+
color: var(--muted);
415
+
}
416
+
417
+
/* Rendered mention link in the article — inherits link styling; hook for theming. */
418
+
.skypress-mention {
419
+
text-decoration: underline;
420
+
}