search

gss / engine

GSS engine
http://gss.github.io
MIT License
2.87k stars 103 forks source link

[Question] GSS and SVG? #196

Open AKST opened 9 years ago

AKST commented 9 years ago

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 commented 9 years ago

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