Crazy Wacky Wandering Font

gistfile1.txt

@-webkit-keyframes spin {
  0% { .transform(rotate(0deg)); }
  100% { .transform(rotate(359deg)); }
}
@keyframes spin {
  0% { .transform(rotate(0deg)); }
  100% { .transform(rotate(359deg)); }
}


// Notification message (e.g., when unable to connect)
#connectionAlert {
  //.position(absolute, auto, auto, 10px, 50%, 280px);
  position: absolute;
  bottom: -5px;
  width: 101%;
  .transform(translate3d(-50%, 0, 0));
  z-index: 1;


  @media screen and (min-width: 40em) {
    .transform(translate3d(0, 0, 0));
    bottom: -5px;
    left: -1px;
  }

  .connectionPanel {
    .font-s1;
    background: rgba(51,51,51, .85);
    color: @color-empty;
    margin-bottom: .25rem;
    padding: .5rem;
    left: 100px;
    position: relative;
    width: 120%;

    .icon-sync {
      .position(absolute, 30%, auto, auto, 1rem);
      .animation(spin 2s infinite linear);
      padding-left: 100px;
      color: @color-empty;
      font-size: 1.5em;
    }

    .meta {
      overflow: hidden;
      padding-left: 3em;

      .title-notification {
        .title-caps;
        display: block;
      }

      .description {
        display: block;
      }
    }
  }
}