docs: Fix simple typo, globaly -> globally (#1122)
* docs: Fix simple typo, globaly -> globally There is a small typo in docsSource/sections/01-usage.md, docsSource/sections/02-utilities.md. Should read `globally` rather than `globaly`. * Rebuild docs
This commit is contained in:
parent
b0472e750e
commit
707c208375
|
@ -902,7 +902,7 @@
|
||||||
--animate-duration: 2s;
|
--animate-duration: 2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* This changes all the animations globaly */
|
/* This changes all the animations globally */
|
||||||
:root {
|
:root {
|
||||||
--animate-duration: 800ms;
|
--animate-duration: 800ms;
|
||||||
--animate-delay: 0.9s;
|
--animate-delay: 0.9s;
|
||||||
|
@ -996,7 +996,7 @@ document.documentElement.style.setProperty('--animate-duration', '.5s');
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<p>The <code>animate__animated</code> class has a default speed of <code>1s</code>. You can also customize the animations duration through the <code>--animate-duration</code> property, globaly or locally. This will affect both the animations and the utility classes. Example:</p>
|
<p>The <code>animate__animated</code> class has a default speed of <code>1s</code>. You can also customize the animations duration through the <code>--animate-duration</code> property, globally or locally. This will affect both the animations and the utility classes. Example:</p>
|
||||||
<pre><code class="language-css">/* All animations will take twice as long to finish */
|
<pre><code class="language-css">/* All animations will take twice as long to finish */
|
||||||
:root {
|
:root {
|
||||||
--animate-duration: 2s;
|
--animate-duration: 2s;
|
||||||
|
|
|
@ -67,7 +67,7 @@ Example:
|
||||||
--animate-duration: 2s;
|
--animate-duration: 2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* This changes all the animations globaly */
|
/* This changes all the animations globally */
|
||||||
:root {
|
:root {
|
||||||
--animate-duration: 800ms;
|
--animate-duration: 800ms;
|
||||||
--animate-delay: 0.9s;
|
--animate-delay: 0.9s;
|
||||||
|
|
|
@ -48,7 +48,7 @@ You can control the speed of the animation by adding these classes, as below:
|
||||||
| `animate__fast` | `800ms` |
|
| `animate__fast` | `800ms` |
|
||||||
| `animate__faster` | `500ms` |
|
| `animate__faster` | `500ms` |
|
||||||
|
|
||||||
The `animate__animated` class has a default speed of `1s`. You can also customize the animations duration through the `--animate-duration` property, globaly or locally. This will affect both the animations and the utility classes. Example:
|
The `animate__animated` class has a default speed of `1s`. You can also customize the animations duration through the `--animate-duration` property, globally or locally. This will affect both the animations and the utility classes. Example:
|
||||||
|
|
||||||
```css
|
```css
|
||||||
/* All animations will take twice as long to finish */
|
/* All animations will take twice as long to finish */
|
||||||
|
|
Loading…
Reference in New Issue