@use "../../core/abstract";

/*
---
name: .c-circle-spinner
category:
  - object/component
  - object/component/spinner
  - object/component/spinner/circle-spinner
---
Circle spinner component

### html
```html
<div class="c-circle-spinner"></div>
```
*/

.c-circle-spinner {
  @include abstract.circle-spinner();
}

/*
---
name: .c-dots-spinner
category:
  - object/component
  - object/component/spinner
  - object/component/spinner/dots-spinner
---
Dots spinner component

### html
```html
<div class="c-dots-spinner">
  <div class="c-dots-spinner__dot"></div>
  <div class="c-dots-spinner__dot"></div>
  <div class="c-dots-spinner__dot"></div>
</div>
```
*/

.c-dots-spinner {
  @include abstract.dots-spinner();

  &__dot {
    margin: 0 4px;
  }
}

/*
---
name: .c-pulse-spinner
category:
  - object/component
  - object/component/spinner
  - object/component/spinner/pulse-spinner
---
Pulse spinner component

### html
```html
<div class="c-pulse-spinner">
  <div class="c-pulse-spinner__bar"></div>
  <div class="c-pulse-spinner__bar"></div>
  <div class="c-pulse-spinner__bar"></div>
</div>
```
*/

.c-pulse-spinner {
  @include abstract.pulse-spinner();

  &__bar {
    margin: 0 3px;
  }
}