Packages

zotonic_mod_artwork

1.0.0-rc.2
1.0.0-rc.17 1.0.0-rc.15 1.0.0-rc.14 1.0.0-rc.13 1.0.0-rc.12 1.0.0-rc.11 1.0.0-rc.10 1.0.0-rc.9 1.0.0-rc.8 1.0.0-rc.7 1.0.0-rc.6 1.0.0-rc.5 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc.1 1.0.0-rc.0 1.0.0-d1 1.0.0-alpha.8

Art work for your site. Social icons, file icons etc.

HexDocs

Current section

Files

Jump to
Readme
19 Versions
1 Dependency
Dependants
Files
Activity
zotonic_mod_artwork priv lib-src material-design less spinned.less
Raw

priv/lib-src/material-design/less/spinned.less 

// Spinning Icons

// --------------------------

.@{md-css-prefix}-spin {

   -webkit-animation: md-spin 1.5s infinite linear;

   animation: md-spin 1.5s infinite linear;

}



.@{md-css-prefix}-spin-reverse {

  -webkit-animation: md-spin-reverse 1.5s infinite linear;

  animation: md-spin-reverse 1.5s infinite linear;

}



// Spin

@-webkit-keyframes md-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}



@keyframes md-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}



// Spin Reverse

@-webkit-keyframes md-spin-reverse {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-359deg);

    transform: rotate(-359deg);

  }

}



@keyframes md-spin-reverse {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-359deg);

    transform: rotate(-359deg);

  }

}