Hacker News new | ask | show | jobs
by Forgret 311 days 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?

1 comments

Sounds 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.