Packages

thesis

0.2.0
0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.0 0.0.30 0.0.29 0.0.28 0.0.27 0.0.26 0.0.25 0.0.24 0.0.23 0.0.22 0.0.21 0.0.20 0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2 0.0.1

Thesis is a lightweight bolt-on content editing system for Phoenix websites.

HexDocs

Current section

Files

Jump to
Readme
37 Versions
8 Dependencies
0 Dependants
Files
Activity
thesis web static css _mixins _loader-balls.sass
Raw

web/static/css/_mixins/_loader-balls.sass 

@mixin loader-balls($color)

  text-align: center



  &::before, &::after

    content: ""



  span, &::before, &::after

    +animation(loader .9s infinite alternate)

    display:           inline-block

    vertical-align:    middle

    width:             15px

    height:            15px

    margin:            50px 2px

    background:        $color

    border-radius:     50px



  span

    +animation-delay(.3s)



  &::after

    +animation-delay(.6s)



  +keyframes(loader)

    from

      +transform(translateY(0))

      width:   15px

      height:  15px

      opacity: 1



    to

      +transform(translateY(-28px))

      width:   30px

      height:  30px

      opacity: 0.3