Fix Parsoid's span.reference styling to match PHP's output

* In Chrome (and other webkit-based browsers like phantomjs),
  the computed font-size for span.reference in Parsoid was 12px
  whereas in Firefox, it was 11px. The computed font-size for
  <sup> used for references for core mediawiki css is 11px in
  both Firefox and Chrome. I was able to pin this on the
  font-size: smaller vs font-size: 80% difference by inspecting
  in Chrome and Firefox (and also by dumping computed CSS in
  phantomjs).

* Verified via visual-diffing on ruthenium that this fix cleans
  up the diffs.

  http://parsoid-tests.wikimedia.org/visualdiff-item/pngs/enwiki/Medha_Patkar.diff.png

Change-Id: Ida67035cfb020696d2299ee26fe8d44717ffc421

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 3211dea..a6515d2 100644 (file)
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -31,7 +31,7 @@
  * Styleguide 1.1.
  */
 span.reference {
-       font-size: smaller;
+       font-size: 80%;
        line-height: 1;
        vertical-align: super;
        unicode-bidi: -moz-isolate;