github.com/thomasobenaus/nomad@v0.11.1/ui/app/styles/components/loading-spinner.scss (about)

     1  .loading-spinner {
     2    width: 40px;
     3    height: 40px;
     4    margin: 100px auto;
     5  
     6    .loading-spinner-square {
     7      width: 33%;
     8      height: 33%;
     9      background-color: $primary;
    10      float: left;
    11      animation: loading-spinner-squareGridScaleDelay 1.3s infinite ease-in-out;
    12    }
    13  
    14    .loading-spinner-square1 {
    15      animation-delay: 0.2s;
    16    }
    17  
    18    .loading-spinner-square2 {
    19      animation-delay: 0.3s;
    20    }
    21  
    22    .loading-spinner-square3 {
    23      animation-delay: 0.4s;
    24    }
    25  
    26    .loading-spinner-square4 {
    27      animation-delay: 0.1s;
    28    }
    29  
    30    .loading-spinner-square5 {
    31      animation-delay: 0.2s;
    32    }
    33  
    34    .loading-spinner-square6 {
    35      animation-delay: 0.3s;
    36    }
    37  
    38    .loading-spinner-square7 {
    39      animation-delay: 0s;
    40    }
    41  
    42    .loading-spinner-square8 {
    43      animation-delay: 0.1s;
    44    }
    45  
    46    .loading-spinner-square9 {
    47      animation-delay: 0.2s;
    48    }
    49  }
    50  
    51  @-webkit-keyframes loading-spinner-squareGridScaleDelay {
    52    0%,
    53    70%,
    54    100% {
    55      transform: scale3D(1, 1, 1);
    56    }
    57    35% {
    58      transform: scale3D(0, 0, 1);
    59    }
    60  }
    61  
    62  @keyframes loading-spinner-squareGridScaleDelay {
    63    0%,
    64    70%,
    65    100% {
    66      transform: scale3D(1, 1, 1);
    67    }
    68    35% {
    69      transform: scale3D(0, 0, 1);
    70    }
    71  }