Templarian / MaterialDesign-Webfont

@mdi/font Dist for Material Design Icons.
https://materialdesignicons.com
Other
406 stars 157 forks source link

Add animated icons (spinning) #32

Closed pjfsilva closed 7 years ago

pjfsilva commented 7 years ago

To match font-awesome features I would add the possibility to spin icons to _extras.scss file. Something like the following

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
Templarian commented 7 years ago

It's already in v1.9.xx releasing this weekend. 😄

pjfsilva commented 7 years ago

oh, didn't see that in the repo. @Templarian What's the repo where that is updated? I seem to confuse this project a bit having MaterialDesign-Webfont and MaterialDesign projects...

Templarian commented 7 years ago

This repo is just a distribution, we don't have a repo for the webfont build unfortunately. We manage all issues through the MaterialDesign repo also. Generally I just close issues over here and track them there.