tim icon indicating copy to clipboard operation
tim copied to clipboard

tailwind media queries fail

Open hmbemba opened this issue 6 months ago • 5 comments

i figured out how to get this working on windows but something like tw media queries fail beacause of the use of the colon sm:text-5xl

            h2.text-4xl.sm:text-5xl
                "Text Marketing Made Simple"

hmbemba avatar Jun 03 '25 02:06 hmbemba

Good to know! In Tim, the colon marks the begining of the HTML content (string). You can use the class="sm:text-5xl" attribute:

h2.text-4xl class="sm:text-5xl": "Text marketing made..."

georgelemon avatar Jun 03 '25 02:06 georgelemon

Ahh! Great! The last thing I'm trying to figure out is how to write html comments?

hmbemba avatar Jun 03 '25 15:06 hmbemba

Not implemented, yet. You can use // inline comment... but will not transpile to HTML

georgelemon avatar Jun 03 '25 20:06 georgelemon

Is there no way to just write raw HTML at the moment?

hmbemba avatar Jun 03 '25 21:06 hmbemba

Use three pairs of double-quotes to assign static strings

const rawHtml = """
<button onclick="alert('ok')">Click me</button>
"""

div: $rawHtml // insert the raw html to a timl element

georgelemon avatar Jun 06 '25 14:06 georgelemon