tomgenoni / ouroboros Goto Github PK

Hello!

I was just wondering if you've ever attempted an animated SVG version of your loader.

This could get rid of the extra DOM elements.

Spinners are awesome, just few thoughts:

1. I wouldn't assume everyone is using SASS - customization should be easy with pure CSS. Right now, I need to change 6 numbers - width and height of a spinner, a hole, and left/right hole positions.
   More universal solution would be to set hole's width and height to 60%, with top position at 20%, and non-absolute position. No need to round((strip-units($size)*.6)) with SASS. Less calculations is better.
   Plus, there are mobile developers who like to size everything with rems (not pixels) and then change font-size based on, say, screen width.

2. The only prefix you need these days is -webkit. Firefox crowd is updating their browsers super fast, and FF dropped vendor prefixes with version 16.
   http://caniuse.com/#search=css-animation