docs.css issue

[XhmikosR]

When this is included here it results in the following:

.platform-ios {
  @-webkit-keyframes fadeOverlay {
    from {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0);
    }

    to {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1);
    }
}

This isn't valid CSS and it breaks many tools like clean-css.

/CC @connor @connors

[connors]

Yes @mdo and I were talking about this over the weekend. We need to figure out another way to get the different animations to work with the specific platform examples.

We can always just override them in the docs css.

[XhmikosR]

This was the reason clean-css fails with advanced optimizations enabled btw. I filled a bug report upstream, but I'm not sure if this will be fixed since it's wrong CSS syntax...

[zlatanvasovic]

This is a Sass bug, should we report it?

[XhmikosR]

When this is fixed, we should revert bafe784 and make sure everything works fine again.