loadingio / css-spinner Goto Github PK
View Code? Open in Web Editor NEWsmall, elegant pure css spinner for ajax or loading animation
Home Page: https://loading.io/css/
small, elegant pure css spinner for ajax or loading animation
Home Page: https://loading.io/css/
I looked through the entire package and couldn't see a specific module of simply color
. It was being referenced in the first line of the build.ls
file which is
require! <[fs fs-extra path progress color stylus pug uglifycss]>
I changed color
to ldcolor
and that seemed to fix it.
This is my output after running npm run build
. I wasn't sure what to expect from the undefined references but the spinner sizes were correctly updating after changing the value in the vars.styl
file.
> @loadingio/[email protected] build
> lsc build.ls
Build all CSS-spinners...
Build Spinners [undefined] undefined 0.0s
Finished.
Edit: I think there's still something wrong with the builder. The undefined is resulting in the spinners not building correctly and I don't know how to troubleshoot that. Maybe it's something to do with the color module and changing to ldcolor wasn't actually the fix.
Hi, thank you for this library. How about scss sources alternatives? Stylus is not so popular.
Hi,
I'm having trouble using your spinners. For example, I downloaded the html code of https://github.com/loadingio/css-spinner/blob/master/build/circle/sample.html, and when I run sample.html in browser I get nothing. Can you please help me?
For the first time, I visited https://loading.io/css/ and found out that I have to manually select-copy the HTML, CSS code. But it would be a great user experience if I could click the CSS, HTML button on right side and it would be copied in my cursor. Here is the sample image below.
I can do it and make a PR if you want.
Thank you for your awesome library. But I am struggling on reducing the size of the loaders. Can you give us a hint on how to do it?
Tried to download and build with some changed sizes, but can't find vars.styl
.
The file linked in the readme (https://github.com/loadingio/css-spinner/blob/master/vars.styl) is no longer there.
After the recent commit some files were moved around (like vars.styl
), so the compilation steps are no longer valid. Would be great to update the guide with the new paths to those files
Hello,
in the README you state that to build the code, you need modify the file: vars.styl.
But I can't find the file anywhere in the repo.
The link is redirecting here: https://github.com/loadingio/css-spinner/blob/master/vars.styl
Also there is error running npm run build
Error: ENOENT: no such file or directory, open 'vars.styl'
The lds-ripple effect is not working properly on safari on iOS 15 (at least on my device). The ripples are supposed to fade out as they grow and then disappear, but instead they start fading out and then they are shown in full color just before disappearing.
Any chance to fix this? Thanks!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.