shakyShane / gulp-svg-sprites

Create SVG sprites or compile to <symbols>
MIT License
334 stars 45 forks source link

Diagonal option should be top right to bottom left #40

Open Eworm opened 10 years ago

Eworm commented 10 years ago

Being able to generate a diagonal sprite is awesome, but to be able to use it it should be from top right to bottom left. Instead of trying to explain it I've tried to illustrate why. schermafbeelding 2014-07-29 om 09 34 58

shakyShane commented 10 years ago

I may be missing something obvious here, but I can't see why this has any benefits to top-left -> bottom-right?

Eworm commented 10 years ago

Mh, my illustration didn't work :-) If the sprite in my illustration was top-left -> bottom-right, then the diamond and circle would be visible behind the text. I could ofcourse use a :before element to position the triangle to avoid this problem, but in situations like this I prefer not to. Hope this explains my issue.

mikestreety commented 9 years ago

I would say you would be better off using a before element - as you will always encounter problems trying to set it as a generic background image on the "parent" element