CSS Loader?

[jescalan]

I often find the need for little loading spinners. There are a number of ways you can make these with css, but they are a bunch of code and not as customizable as I wish they were. Seems like it would be a great use-case for a mixin.

Some examples: http://projects.lukehaas.me/css-loaders/

Thoughts?

[dbox]

+1

I can add to my list.

On Sun, Sep 13, 2015 at 2:27 PM Jeff Escalante [email protected] wrote:

I often find the need for little loading spinners. There are a number of ways you can make these with css, but they are a bunch of code and not as customizable as I wish they were. Seems like it would be a great use-case for a mixin.

Some examples: http://projects.lukehaas.me/css-loaders/

Thoughts?

— Reply to this email directly or view it on GitHub https://github.com/jenius/axis/issues/215.

[dbox]

Maybe something like:

spinner($type = 'radial1', $color = $white, $size = "small", $bg = 'true')

Then we can add more types over time if needed. Thinking we might want to have an optional 50% black background, so it works on top of any element out of the box.

I've been wanting to redo the roots spinner anyway. 😛

[jescalan]

Not entirely sure what you mean with the black background. Can't we just have a transparent background?

This sounds great though as far as initial options!

[dbox]

I just mean something like this: https://www.dropbox.com/s/ijs6u15qs3ha8h8/Screenshot%202015-09-14%2011.46.48.png?dl=0

for when you don't know what the preloader will be overlaying

[jescalan]

Ahh yeah gotchya. Yup, good idea.

[dbox]

This guy nailed it....

https://connoratherton.com/loaders

Has npm and bower installs..

Maybe we should just offer one simple one then have a link to these?

[jescalan]

Sounds good to me. Not looking for a crazy array, just a simple one. Maybe slightly customizable like spin.js