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

[Question] GSS and SVG? #196

Open
AKST opened this issue Jun 13, 2015 · 1 comment
Open

[Question] GSS and SVG? #196

AKST opened this issue Jun 13, 2015 · 1 comment

Comments

@AKST
Copy link

AKST commented Jun 13, 2015

Am I doing something wrong here, or does GSS just not support SVG the way css does? Here is the SVG in question

<svg class="app" width="120" height="120" xmlns="http://www.w3.org/2000/svg">
  <rect class="nav-bar" x="0" y="0" width="100" height="100"/>
</svg>

Here are the relevant GSS rules

.nav-bar {
  x: 0;
  y: 0;
  width: == ::window[width];
  height: == 60;
}

The rect tag, ends up look like this (which is invisible)

<rect class="nav-bar" 
      style="position: absolute; left: 0px; top: 0px; width: 1066px; height: 60px;"
      matches="@import(main.gss).nav-bar"/>

When I'd hope it would look more like this, which should be a black bar across the top of the screen.

<rect class="nav-bar" 
      x="0" y="0" width="?? window width ??" height="60"
      matches="@import(main.gss).nav-bar"/>
@Inviz
Copy link
Contributor

Inviz commented Jun 13, 2015

Yeah, it needs some hacking to do that. Currently you can position SVG elements, but not their contents. It'd on todo list.

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