$block: diode
$diameter: 0.5rem

+component
  width: $diameter
  height: $diameter
  background: $idle
  display: inline-block
  border: 2px solid white
  margin-right: $margin_xs
  +circle()

  +if(idle)
    background: $idle

  +if(danger)
    background: $danger

  +if(success)
    background: $success

  +if(warning)
    background: $warning

  +if(info)
    background: $info

  +if(flash)
    +vendor('animation', 'diode-flash-danger .8s infinite')

@-webkit-keyframes diode-flash-danger
  0%, 50%
    background: $idle
  51%, 100%
    background: $danger