This commit is contained in:
Rico Sta. Cruz
parent
c073051c05
commit
92d1705ff3
44
badges.md
44
badges.md
|
|
@ -55,6 +55,10 @@ Here are some badges for open source projects.
|
|||
|
||||
[](https://gitter.im/USER/REPO "Gitter chat")
|
||||
|
||||
[]( https://gitter.im/rstacruz/nprogress )
|
||||
|
||||
[]( https://gitter.im/USER/REPO )
|
||||
|
||||
[](https://david-dm.org/USER/REPO#info=devDependencies)
|
||||
|
||||
[](https://david-dm.org/USER/REPO#info=devDependencies)
|
||||
|
|
@ -72,7 +76,43 @@ Here are some badges for open source projects.
|
|||
[]( https://github.com/USER/REPO/issues )
|
||||
|
||||
__Questions__: ask them at StackOverflow with the tag *REPO*.<br>
|
||||
[]( http://stackoverflow.com/questions/tagged/REPO )
|
||||
[]( http://stackoverflow.com/questions/tagged/REPO )
|
||||
|
||||
__Chat__: join us at gitter.im.<br>
|
||||
[]( https://gitter.im/USER/REPO )
|
||||
[]( https://gitter.im/USER/REPO )
|
||||
|
||||
### Frontend js installation
|
||||
|
||||
Installation
|
||||
------------
|
||||
|
||||
Add [nprogress.js] and [nprogress.css] to your project.
|
||||
|
||||
```html
|
||||
<script src='nprogress.js'></script>
|
||||
<link rel='stylesheet' href='nprogress.css'/>
|
||||
```
|
||||
|
||||
NProgress is available via [bower] and [npm].
|
||||
|
||||
$ bower install --save nprogress
|
||||
$ npm install --save nprogress
|
||||
|
||||
[](https://npmjs.org/package/nprogress "View this project on npm")
|
||||
[bower]: http://bower.io/search/?q=nprogress
|
||||
[npm]: https://www.npmjs.org/package/nprogress
|
||||
|
||||
### Acknowledgements
|
||||
|
||||
## Thanks
|
||||
|
||||
**Jsfuse** © 2014, Rico Sta. Cruz. Released under the [MIT License].<br>
|
||||
Authored and maintained by Rico Sta. Cruz with help from [contributors].
|
||||
|
||||
> [ricostacruz.com](http://ricostacruz.com) ·
|
||||
> GitHub [@rstacruz](https://github.com/rstacruz) ·
|
||||
> Twitter [@rstacruz](https://twitter.com/rstacruz)
|
||||
|
||||
[MIT License]: License.md
|
||||
[MIT License]: http://mit-license.org/
|
||||
[contributors]: http://github.com/rstacruz/nprogress/contributors
|
||||
|
|
|
|||
59
css.md
59
css.md
|
|
@ -6,15 +6,15 @@ layout: default
|
|||
Selectors
|
||||
---------
|
||||
|
||||
= [attr="value"] - exact
|
||||
~= [class~="box"] - has word
|
||||
|= [class|="icon"] - exact, or prefix (eg, value-)
|
||||
$= [href$=".doc"] - ends in
|
||||
*= [class*="-is-"] - contains
|
||||
[attr="value"] /* = exact */
|
||||
[class~="box"] /* ~= has word */
|
||||
[class|="icon"] /* |= exact, or prefix (eg, value-) */
|
||||
[href$=".doc"] /* $= ends in */
|
||||
[class*="-is-"] /* *= contains */
|
||||
|
||||
+ adjacent sibling
|
||||
~ far sibling
|
||||
> direct child
|
||||
h3 + p /* + adjacent sibling */
|
||||
article ~ footer /* ~ far sibling */
|
||||
.container > .box /* > direct child */
|
||||
|
||||
:target (h2#foo:target)
|
||||
:disabled
|
||||
|
|
@ -32,47 +32,42 @@ Selectors
|
|||
|
||||
:only-child
|
||||
|
||||
|
||||
Background
|
||||
----------
|
||||
|
||||
### Shorthand
|
||||
|
||||
background: <color> <image> <position> <size> <repeat> <attachment> <clip>
|
||||
|
||||
# Example:
|
||||
background: #ff0 url(bg.jpg) center top no-repeat fixed
|
||||
background: #ff0 url(bg.jpg) center top 100px auto no-repeat fixed;
|
||||
/* ^ ^ ^ ^ ^ ^
|
||||
color image position size repeat attachment */
|
||||
|
||||
### Other properties
|
||||
|
||||
background-clip: border-box | padding-box | content-box [, ...]*
|
||||
|
||||
background-repeat: no-repeat | repeat-x | repeat-y
|
||||
|
||||
background-attachment: scroll | fixed | local
|
||||
|
||||
### Compatibility
|
||||
|
||||
- background-clip: IE9+
|
||||
- Multiple backgrounds: IE9+
|
||||
background-clip: border-box | padding-box | content-box [, ...]*; /* IE9+ */
|
||||
background-repeat: no-repeat | repeat-x | repeat-y;
|
||||
background-attachment: scroll | fixed | local;
|
||||
background: url(x), url(y); /* multiple (IE9+) */
|
||||
|
||||
Animations
|
||||
----------
|
||||
|
||||
### Shorthand
|
||||
|
||||
animation: <name> <duration> <timing-function> <delay> <count> <direction> <fill-mode>
|
||||
animation: bounce 300ms linear 100ms infinite alternate-reverse;
|
||||
/* ^ ^ ^ ^ ^ ^
|
||||
name duration timing-function delay count direction */
|
||||
|
||||
# Example:
|
||||
animation: bounce 300ms linear 0s infinite normal
|
||||
animation: bounce 300ms linear infinite
|
||||
animation: bounce 300ms linear infinite alternate-reverse
|
||||
animation: bounce 300ms linear 0s infinite normal;
|
||||
animation: bounce 300ms linear infinite;
|
||||
animation: bounce 300ms linear infinite alternate-reverse;
|
||||
|
||||
### Other properties
|
||||
|
||||
animation-direction: normal | reverse | alternate | alternate-reverse
|
||||
|
||||
animation-iteration-count: infinite | <number>
|
||||
animation-name: bounce;
|
||||
animation-delay: 100ms;
|
||||
animation-duration: 300ms;
|
||||
animation-direction: normal | reverse | alternate | alternate-reverse;
|
||||
animation-iteration-count: infinite | <number>;
|
||||
animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out;
|
||||
|
||||
Webkit extensions
|
||||
-----------------
|
||||
|
|
|
|||
Loading…
Reference in New Issue