top | item 47075637

(no title)

ekrsulov | 10 days ago

In this case, “responsive” means the app itself works on mobile devices (touch interactions, layout adapting to smaller screens, etc.), not that it automatically generates responsive SVGs.

You can, of course, create SVGs that scale properly using `viewBox` and relative units, but VectorNest doesn’t automatically convert a fixed SVG into a responsive layout. The term here refers to the editor UI being usable on both desktop and mobile.

discuss

order

socalgal2|9 days ago

Okay thanks.

I'm curious if there are any tools that allow making responsive SVG. By responsive I mean (1) they respond to @media prefers-color-scheme(dark) (2) they change their look based on size. SVG supports this using CSS. (1) is more important for me.

Currently I have to spit out SVG and manually edit. If I decide to change the original in whatever tool I'm using then I have to manually edit again which is painful. For example, I have to go find every shape I want to change color by hand and then adjust its attributes