KyivKrishnaAcademy/ved_akadem_students

app/assets/stylesheets/button_spinner.sass

Summary

Maintainability

Test Coverage

Issues

@keyframes roll
  0%
    transform: rotate(0)

  100%
    transform: rotate(360deg)

.spinner
  opacity: 0
  width: 0

.btn-submit.active
  cursor: progress

.btn-submit.active .spinner
  opacity: 1
  width: auto
  animation: roll 2s infinite
  transform: rotate(30deg)
  transition: opacity 0.25s 0.25s