www.aleph1.co.uk Git - yaffs-website/blob - web/themes/custom/yaffs/scss/component/_ajax.scss

   1 /**
   2  * AJAX (throbber) styling.
   3  */
   4
   5 // $todo This should probably be it's own mixin/component?
   6 @keyframes glyphicon-spin {
   7   0% { transform: rotate(0deg); }
   8   100% { transform: rotate(359deg); }
   9 }
  10 .glyphicon-spin {
  11   display: inline-block;
  12   animation: glyphicon-spin 1s infinite linear;
  13 }
  14 a .glyphicon-spin {
  15   display: inline-block;
  16   text-decoration: none;
  17 }
  18
  19 html.js {
  20   .btn .ajax-throbber {
  21     margin-left: .5em;
  22     margin-right: -.25em;
  23   }
  24
  25   .form-item .input-group-addon {
  26     .glyphicon {
  27       color: $gray-light;
  28       opacity: .5;
  29       transition: 150ms color, 150ms opacity;
  30       &.glyphicon-spin {
  31         color: $brand-primary;
  32         opacity: 1;
  33       }
  34     }
  35     .input-group-addon {
  36       background-color: rgb(255, 255, 255);
  37     }
  38   }
  39
  40   // Hide empty wrappers from AJAX/Field APIs.
  41   .ajax-new-content:empty {
  42     display: none !important;
  43   }
  44 }