Changing font size with pinch gesture in Reader Mode

components/dom_distiller/core/css/distilledpage.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* Set the global 'box-sizing' state to 'border-box'.
  * *::after and *::before used to select pseudo-elements not selectable by *. */
 
 *,
 *::after,
 *::before {
@@ skipping 55 matching lines @@
   border-spacing: 0;
 }
 
 td,
 th {
   padding: 0;
 }
 
 /* Base typography. */
 
-body,
 html {
   font-size: 14px;
+}
+
+body {
   line-height: 1.4;
   text-rendering: optimizeLegibility;
   overflow-x: hidden;
 }
 
 /* Classes for light, dark and sepia themes.
  * Must agree with classes returned by useTheme() in dom_distiller_viewer.js
  * and with CSS class constants in viewer.cc */
 
 .light {
@@ skipping 44 matching lines @@
 th,
 ul {
   margin-bottom: 1rem;
 }
 
 h2,
 h3,
 h4,
 h5,
 h6 {
-  line-height: 1.296rem;
+  line-height: 1.2em;
   margin-bottom: 0.444rem;
 }
 
 /* Content. */
 
 /* Margins for Show Original link. */
 
 #showOriginal {
-  margin: auto 1.296rem 1.296rem 1.296rem;
+  margin: auto 1.296rem 1.296rem 5%;
 }
 
 #content {
   margin-top: 1.296rem;
 }
 
 /* Main margins. */
 
 body {
   max-width: 800px;
   margin: 0px auto;
 }
 
 #mainContent {
-  margin: 1.296rem 1.296rem auto;
+  margin: 1.296rem 2.2% auto;
 }
 
 /* Link colors for light, dark and sepia themes */
 
 a:link {
   color: #55F;
 }
 
 a:visited {
   color: #902290;
@@ skipping 494 matching lines @@
   border-color: rgb(250,36,36);
 }
 
 #loader.red .circle.red .mask.first .mover {
   background-color: rgb(33,89,189);
 }
 
 #loader.red .circle.red .mask.second .mover {
   background-color: rgb(250,36,36);
 }