https://github.com/kidjp85/loader-sass-mixin
https://github.com/kidjp85/loader-sass-mixin
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kidjp85/loader-sass-mixin
- Owner: kidjp85
- Created: 2016-05-20T06:16:51.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-05-21T09:45:43.000Z (about 9 years ago)
- Last Synced: 2025-01-17T13:33:27.078Z (5 months ago)
- Language: CSS
- Size: 12.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
loading-spinner-sass
=======================
> This Sass Mixin Libs is based on the great library created by Luke Haas, which can be found [HERE](http://projects.lukehaas.me/css-loaders/)
## Usage
There are 8 types of Single Element CSS Spinners (loader1~8).
Spinner's size, font-size, color are can easily changed by setting the input params.
> DEFAULT STYLE
**For .sass file**
```css
.loader-icon
+loader1 //Default params for loader1($iconSize: 1em, $fontSize: 1em, $foregroundColor: #ef6c00, $margin:0, $time: 1s)
```
**For .scss file**
```css
.loader-icon {
@include loader1
}
```
> CUSTOMIZED STYLE
```css
.loader-icon
+loader1(2em, 2em, #ccc, 5px, .9s)
```
**For .scss file**
```css
.loader-icon {
@include loader1(2em, 2em, #ccc, 5px, .9s)
}
```
## License
MIT