2 ms·
Thanks for the idea, it sounds interesting, I'll try to simplify the syntax for better understanding. 1. Inline styling with @ @color#4c4,bg#aaa Text @ color
by Forgret 1y ago
Thanks for the idea, it sounds interesting, I'll try to simplify the syntax for better understanding.
1. Inline styling with @
@color#4c4,bg#aaa Text @
color#hex for text color
bg#hex for background color
Multiple props separated by commas
Ends with another @ (so you can nest easier without clashing with brackets)
Example:
@color#fff,bg#f00 Danger!@
2. Fonts with @font
@font10pt,mono Code sample@
10pt = font size
mono = monospace (could also be serif, sans)
3. Named styles
@style$danger=color#484,bg#cc8@
@danger I'm dangerous@
First line defines the style name
Second line uses it with just @name …@
jones1618 What do you think?
- jones1618 1y agoSounds good! My only observation is that, wherever possible, make it easier to see/scan-for text content. So my text gets lost a bit in: @a-bunch-of-markup My Text is here@ Maybe add a visual delimiter, so: @a-bunch-of-markup:My Text is here:@ To my eye, this makes my content text stand out more clearly.