service-website/src/index.scss

   1 body {
   2   margin: 0;
   3   padding: 0;
   4   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
   5   "Droid Sans", "Helvetica Neue", sans-serif;
   6   -webkit-font-smoothing: antialiased;
   7   -moz-osx-font-smoothing: grayscale;
   8 }
   9
  10 code {
  11   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
  12 }
  13
  14 .app {
  15   min-height: 100vh;
  16   display: flex;
  17   flex-direction: column;
  18 }
  19
  20 main {
  21   flex: 1;
  22 }
  23
  24 footer {
  25   padding-top: 1em;
  26   padding-bottom: 2em;
  27 }
  28
  29 #headerMargin {
  30   margin-top: 1em;
  31 }
  32
  33 .spinner {
  34   margin: 100px auto;
  35   height: 3em;
  36   text-align: center;
  37   font-size: 10px;
  38 }
  39
  40 .spinner > div {
  41   background-color: #333;
  42   height: 100%;
  43   width: 6px;
  44   margin-left:0.25em;
  45   display: inline-block;
  46
  47   -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  48   animation: sk-stretchdelay 1.2s infinite ease-in-out;
  49 }
  50
  51 .spinner .rect2 {
  52   -webkit-animation-delay: -1.1s;
  53   animation-delay: -1.1s;
  54 }
  55
  56 .spinner .rect3 {
  57   -webkit-animation-delay: -1.0s;
  58   animation-delay: -1.0s;
  59 }
  60
  61 .spinner .rect4 {
  62   -webkit-animation-delay: -0.9s;
  63   animation-delay: -0.9s;
  64 }
  65
  66 .spinner .rect5 {
  67   -webkit-animation-delay: -0.8s;
  68   animation-delay: -0.8s;
  69 }
  70
  71 @-webkit-keyframes sk-stretchdelay {
  72   0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  73   20% { -webkit-transform: scaleY(1.0) }
  74 }
  75
  76 @keyframes sk-stretchdelay {
  77   0%, 40%, 100% {
  78     transform: scaleY(0.4);
  79     -webkit-transform: scaleY(0.4);
  80   }  20% {
  81     transform: scaleY(1.0);
  82     -webkit-transform: scaleY(1.0);
  83   }
  84 }