Use new REM-enabled font-size mixin

Bug 225639

media/css/base/mozilla-accordion.less

@@ -59,7 +59,7 @@
 
       [role="presentation"] {
         margin: 0 .5em;
-        font-size: .7em;
+        .font-size(.7em);
         vertical-align: top;
       }
     }

media/css/base/mozilla-modal.less

@@ -35,7 +35,7 @@ html.noscroll body {
                 background: #0095dd;
                 padding: 10px @baseLine;
                 height: 38px;
-                font-size: 26px;
+                .font-size(26px);
                 color: #fff;
                 .open-sans-light;
                 .transition;
@@ -57,7 +57,7 @@ html.noscroll body {
                 .button {
                     padding: 0;
                     min-width: 34px;
-                    font-size: 30px;
+                    .font-size(30px);
                     vertical-align: middle;
                 }
 

media/css/base/mozilla-video-poster.less

@@ -28,7 +28,7 @@
         color: #fff;
         z-index: 1;
         cursor: pointer;
-        font-size: 0;
+        .font-size(0);
         background-color: transparent;
         background-position: top left;
         background-repeat: no-repeat;

media/css/base/social-widgets.less

@@ -18,7 +18,7 @@ a.twitter-follow-button {
   padding: 0 5px;
   color: #333;
   #gradient > .vertical(#FFFFFF, #DEDEDE);
-  font-size: @smallFontSize;
+  .font-size(@smallFontSize);
   line-height: 1.4;
   font-weight: bold;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
@@ -43,7 +43,7 @@ a.twitter-follow-button {
   &:before {
     .inline-block;
     color: #55ACEE;
-    font-size: @baseFontSize;
+    .font-size(@baseFontSize);
     font-family: 'Font Awesome', sans-serif;
     vertical-align: middle;
     content: '\0F099\00A0';
@@ -69,7 +69,7 @@ a.twitter-follow-button {
       .timestamp {
         float: right;
         margin: 0 0 0 10px;
-        font-size: @smallFontSize;
+        .font-size(@smallFontSize);
         line-height: @baseLine;
         letter-spacing: 0;
 
@@ -109,7 +109,7 @@ a.twitter-follow-button {
       }
 
       [itemprop="alternateName"] {
-        font-size: @smallFontSize;
+        .font-size(@smallFontSize);
         color: @textColorTertiary;
       }
     }
@@ -127,7 +127,7 @@ a.twitter-follow-button {
       }
 
       .retweet-credit {
-        font-size: @smallFontSize;
+        .font-size(@smallFontSize);
         color: @textColorLight;
 
         &:before {
@@ -153,7 +153,7 @@ a.twitter-follow-button {
           .inline-block;
           margin: 0 0 0 8px;
           padding: 0;
-          font-size: @smallFontSize;
+          .font-size(@smallFontSize);
 
           &:first-child {
             margin-left: 0;

media/css/csrf-failure.less

@@ -28,7 +28,7 @@
 
   .lede {
     font-weight: 100;
-    font-size: 28px;
+    .font-size(28px);
     line-height: 1.3;
     letter-spacing: -.5px;
     margin-top: -.25em;
@@ -100,7 +100,7 @@
     margin-top: 30px;
 
     .lede {
-      font-size: 20px;
+      .font-size(20px);
     }
   }
 }

media/css/facebookapps/downloadtab.less

@@ -83,10 +83,10 @@ h1 {
     clear: both;
     margin: 30px 0 0;
 
-    font-size: 52px;
+    .font-size(52px);
 }
 h2 {
-    font-size: 30px;
+    .font-size(30px);
 }
 
 // Header
@@ -123,7 +123,7 @@ h2 {
     margin: 0 auto;
     width: 560px;
 
-    font-size: @largeFontSize;
+    .font-size(@largeFontSize);
 }
 
 // Steps progress bar
@@ -144,7 +144,7 @@ h2 {
             width: 33.3%;
 
             .open-sans-light;
-            font-size: 21px;
+            .font-size(21px);
         }
     }
     .step1 { text-align: left }
@@ -171,7 +171,7 @@ h2 {
     padding: 0 15px;
     height: 45px;
 
-    font-size: 22px;
+    .font-size(22px);
     font-weight: normal;
     line-height: 45px;
     text-shadow: 0 -1px 0 rgba(0,0,0,.75);
@@ -216,7 +216,7 @@ h2 {
         background: url(/media/img/firefox/new/features-divider.png) right top no-repeat;
         color: @textColorSecondary;
         .open-sans-light;
-        font-size: 24px;
+        .font-size(24px);
         letter-spacing: -0.03em;
         line-height: 110%;
         text-align: center;
@@ -269,7 +269,7 @@ h2 {
         padding: 0;
         width: 175px;
         color: @textColorTertiary;
-        font-size: @smallFontSize;
+        .font-size(@smallFontSize);
         text-align: left;
 
         &:after {
@@ -406,15 +406,15 @@ h2 {
 
     h3 {
         margin: 0;
-        font-size: 17px;
+        .font-size(17px);
 
         &.single-line {
             margin-top: 9px;
         }
     }
     p {
         margin: 0;
-        font-size: @baseFontSize;
+        .font-size(@baseFontSize);
     }
 
     .button,
@@ -430,7 +430,7 @@ h2 {
         padding: 0 20px;
         height: 40px;
 
-        font-size: 18px;
+        .font-size(18px);
         line-height: 40px;
     }
     .like-txt { margin-top: -21px }

media/css/firefox/all.less

@@ -12,7 +12,7 @@
         margin-bottom: @baseLine;
     }
     h2 {
-        font-size: 24px;
+        .font-size(24px);
         letter-spacing: -0.25px;
         line-height: 1.4;
         .span-all();
@@ -130,7 +130,7 @@
     top: 3px;
     right: 24px;
     z-index: 2;
-    font-size: @largeFontSize;
+    .font-size(@largeFontSize);
     .clearfix();
 
     .pager-tabs, .pager-title {
@@ -180,7 +180,7 @@
 /* Desktop */
 @media only screen and (min-width: @breakDesktop) {
     .firefox-all-release #main-feature h1 {
-        font-size: 64px;
+        .font-size(64px);
     }
 }
 
@@ -202,7 +202,7 @@
 
     #main-feature {
         h1 {
-            font-size: 48px;
+            .font-size(48px);
         }
         h2 {
             .span-all();
@@ -264,10 +264,10 @@
 
     #main-feature {
         h1 {
-            font-size: 36px;
+            .font-size(36px);
         }
         h2 {
-            font-size: 18px;
+            .font-size(18px);
             letter-spacing: normal;
             .span-all();
         }