zhdk/madek

/**
 * ## Preloaders `.ui-preloader`
 *
 * .small        - Small variation
 * .dark         - Small variation
 * .dark.small   - Small variation
 *
 * Styleguide 6.8

.ui-preloader
  +dimension(auto, 100px)
  +hide-text
  background: transparent image-url("backgrounds/preloader-transparent-large.gif") top center no-repeat
  &.small
    +dimension(auto, 50px)
    background: transparent image-url("backgrounds/preloader-transparent-small.gif") center center no-repeat
  &.dark
    background: transparent image-url("backgrounds/preloader-dark-large.gif") top center no-repeat
  &.dark.small
    background: transparent image-url("backgrounds/preloader-dark-small.gif") center center no-repeat

// Media Queries

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
  .ui-preloader
    background: transparent image-url("backgrounds/preloader-transparent-large.gif") top center no-repeat
    background-size: 110px 10px
    &.small
      background: transparent image-url("backgrounds/preloader-transparent-small@2x.gif") center center no-repeat
      background-size: 55px 5px
    &.dark
      background: transparent image-url("backgrounds/preloader-dark-large.gif") top center no-repeat
      background-size: 110px 10px
    &.dark.small
      background: transparent image-url("backgrounds/preloader-dark-small@2x.gif") center center no-repeat
      background-size: 55px 5px