DemocracyOS/app

color = #333
color2 = #999
boxSize = 6

.load-more
  background #f0f0f0
  margin 20px 0px
  width 100%
  max-width 600px
  .msg-empty
    width 100%
    text-align center
    background #e4e4e4
    padding 40px 0
    color #808080
    font-size 17px
  .btn
    color #333
    font-size 14px
  .loader-btn
    position relative
    color #fff
    cursor auto
    .loader
      position absolute
      left 50%
      top 50%
      border-radius 100%
      width boxSize * 1px
      height boxSize * 1px
      box-shadow boxSize*1px boxSize*1px color2,
        boxSize*-1px boxSize*1px color,
        boxSize*-1px boxSize*-1px color2,
        boxSize*1px boxSize*-1px color
      animation spin ease infinite 4s
      transition-property opacity
     @-webkit-keyframes spin {
      0%,
      100% {
          box-shadow: boxSize*1px boxSize*1px color2,
          boxSize*-1px boxSize*1px color,
          boxSize*-1px boxSize*-1px color2,
          boxSize*1px boxSize*-1px color
        }
       25% {
          box-shadow: boxSize*-1px boxSize*1px color,
          boxSize*-1px boxSize*-1px color2,
          boxSize*1px boxSize*-1px color,
          boxSize*1px boxSize*1px color2
        }
      50% {
          box-shadow: boxSize*-1px boxSize*-1px color2,
          boxSize*1px boxSize*-1px color,
          boxSize*1px boxSize*1px color2,
          boxSize*-1px boxSize*1px color
        }
      75% {
          box-shadow: boxSize*1px boxSize*-1px color,
          boxSize*1px boxSize*1px color2,
          boxSize*-1px boxSize*1px color,
          boxSize*-1px boxSize*-1px color2
        }
      }