Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support Embedded Engines with HTML Tags #88

Open
johns10 opened this issue Apr 20, 2021 · 3 comments
Open

Support Embedded Engines with HTML Tags #88

johns10 opened this issue Apr 20, 2021 · 3 comments

Comments

@johns10
Copy link

johns10 commented Apr 20, 2021

I attempted to create a scoped style tag using the css: prefix. Based on what I've read about slim, it should support css class="myClass", but when I attempt to use it like this:

css class="test":
    p { background-color: blue; }

it renders like this:

 <css class="test">:
p { background-color: blue; }
</css>
@Rakoth
Copy link
Member

Rakoth commented Apr 20, 2021

Hello @johns10! Attributes on css: is not supported right now.

You can do it with inline html like this:

<style class="test" type="text/css">
  p { background-color: blue; }
</style>

@johns10
Copy link
Author

johns10 commented Apr 24, 2021

I thought I tried this, but I'll give it another go.

@johns10
Copy link
Author

johns10 commented May 16, 2021

When I use this method, I get:

** (Slime.TemplateSyntaxError) Unexpected indent
INPUT, Line 2, Column 0
  p { background-color: blue; }

I tried it like this:

<style class="test" type="text/css">
  p { background-color: blue; }
</style>

And like this:

style class="test" type="text/css"
  p { background-color: blue; }

I get the same error either way.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants