<commit_before>Spinner.css
===========

Simple CSS loading indicators made with CSS and minimal HTML markup.

Markup
------

All loading indicators are designed to be used with the following markup:

```html
<div class="loading-indicator">
	Loading...
</div>
```

Simply replace "loading-indicator" with the class name of your choice.

Using CSS
---------

To use a specific loading indicator link the appropriate file:

```html
<link rel="stylesheet" href="css/spinner/throbber.css">
```

Or, if you'd like to have access to the entire library of spinners you can link the root file:

```html
<link rel="stylesheet" href="css/spinners.css">
```

Then apply the appropriate class name for the spinner of your choice to the markup:

```html
<div class="throbber-loader">
	Loading...
</div>
```


Loading indicators
------------------

| Class                  | Description                                                    |
| ---------------------- | -------------------------------------------------------------- |
| .spinner-loader        | Spinning circles.                                              |
| .throbber-loader       | Animated Facebook-like throbber.                               |
| .refreshing-loader     | Circular spinning arrow. Great for refreshing content.         |
| .heartbeat-loader      | Animated beating heart.                                        |
| .gauge-loader          | Animated speedometer-like gauge with rotating needle.          |
| .three-quarters-loader | Minimal three-quarters donut spinner.                          |
| .wobblebar-loader      | Animated wobbling progress bar.                                |
| .atebits-loader        | Staight out of Letterpress, an animated rotating Atebits logo. |
| .whirly-loader         | A comet-like rotating spinner.                                 |
| .flower-loader         | An animated spinning flower.                                   |
| .dots-loader           | Almost a rotating shell game. With dots!                       |
| .circles-loader        | Three rotating multi-colored circles.                          |
| .plus-loader           | Animated Google Plus-like loader.                              |
| .ball-loader           | A bouncing ball.                                               |
| .hexdots-loader        | Similar to the dots animation, but with six!                   |
<commit_msg>Add screenshot to README<commit_after>Spinner.css
===========

Simple CSS loading indicators made with CSS and minimal HTML markup.

![screenshot](http://f.cl.ly/items/0C410U1l3E0G173b0x3E/css-spinners.png)

Markup
------

All loading indicators are designed to be used with the following markup:

```html
<div class="loading-indicator">
	Loading...
</div>
```

Simply replace "loading-indicator" with the class name of your choice.

Using CSS
---------

To use a specific loading indicator link the appropriate file:

```html
<link rel="stylesheet" href="css/spinner/throbber.css">
```

Or, if you'd like to have access to the entire library of spinners you can link the root file:

```html
<link rel="stylesheet" href="css/spinners.css">
```

Then apply the appropriate class name for the spinner of your choice to the markup:

```html
<div class="throbber-loader">
	Loading...
</div>
```


Loading indicators
------------------

| Class                  | Description                                                    |
| ---------------------- | -------------------------------------------------------------- |
| .spinner-loader        | Spinning circles.                                              |
| .throbber-loader       | Animated Facebook-like throbber.                               |
| .refreshing-loader     | Circular spinning arrow. Great for refreshing content.         |
| .heartbeat-loader      | Animated beating heart.                                        |
| .gauge-loader          | Animated speedometer-like gauge with rotating needle.          |
| .three-quarters-loader | Minimal three-quarters donut spinner.                          |
| .wobblebar-loader      | Animated wobbling progress bar.                                |
| .atebits-loader        | Staight out of Letterpress, an animated rotating Atebits logo. |
| .whirly-loader         | A comet-like rotating spinner.                                 |
| .flower-loader         | An animated spinning flower.                                   |
| .dots-loader           | Almost a rotating shell game. With dots!                       |
| .circles-loader        | Three rotating multi-colored circles.                          |
| .plus-loader           | Animated Google Plus-like loader.                              |
| .ball-loader           | A bouncing ball.                                               |
| .hexdots-loader        | Similar to the dots animation, but with six!                   |

{'fraction_non_alphanumeric': 0.13310232368528332, 'fraction_numerical': 0.0024459845087647777, 'mean_word_length': 1.3878345498783455, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 19, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1101648', 'n_tokens_mistral': 1205, 'n_tokens_neox': 1125, 'n_words': 384}