Changing Stylus in Hexo

I was trying to fix the css in my blog to make "facebook like" button align with google+ button.

The code was just quick and dirty. It works on local as well.

.fb-like.fb_iframe_widget{ vertical-align: top; }

However it never got to deploy to server.

It turns out Stylus tranpiler seems smarter than I assumed.

because the class fb_iframe_widget is added dynamically by facebook widget, transpiler can't find anything use above code and decide not to put into the result css.

After I change it to

.fb-like{ vertical-align: top; }

it works.